Coder Social home page Coder Social logo

ember-cli-scrollbar's Introduction

Ember-cli-scrollbar

Another wrapper for perfect-scrollbar. This one can be used as a mixin or component and events coming from perfect-scrollbar are directed to functions in component and send out as actions. See usage for examples.

This addon was created as compilation of ember-perfect-scroll and ember-perfect-scrollbar.

Installation

ember install ember-cli-scrollbar

Usage as mixin

import Ember from 'ember';
import PerfectScrollbarMixin from 'ember-cli-scrollbar/mixins/perfect-scrollbar';

export default Ember.Component.extend(PerfectScrollbarMixin, {
  // options for perfect scrollbar
  perfectScrollbarOptions: {
    suppressScrollX: true,
  },

  // camelized name of event from perfect scrollbar
  psScrollLeft(event) {
  }
});

Usage as component

{{#perfect-scrollbar
  perfectScrollbarOptions=(hash suppressScrollX=true)
  psScrollLeft=(action "psScrollLeft")
}}
{{/perfect-scrollbar}}

ember-cli-scrollbar's People

Contributors

ember-tomster avatar keeo avatar willviles avatar zdenek-biberle avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

ember-cli-scrollbar's Issues

Fix breaking changes in FastBoot 1.0

The current ember-cli-fastboot releases (1.0.0-rc.1 and above) introduce breaking changes. These will most likely break your current FastBoot implementation.

See ember-fastboot/ember-cli-fastboot#387 for more information and a guide on how to fix your addon. Also you may want to visit the -fastboot Slack channel to get help from other users.

Note: this issue has been created automatically, by searching for certain patterns in your code. If you think this has been falsely created, feel free to close!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.