ember-scrollable
v1.0.2
Published
OSX-like scrollbar components in ember
Downloads
18,915
Keywords
Readme
Ember Scrollable
A simple scrollbar implementation inspired by Trackpad Scroll Emulator.
Installation
ember install ember-scrollable
Basic Usage
{{! app/templates/index.hbs }}
{{#ember-scrollable}}
Some long content...
{{/ember-scrollable}}
Configuring the Component
The component accepts the following options:
horizontal
: Enables horizontal scrolling (default:false
)vertical
: Enables vertical scrolling (default:true
if horizontal is unset)autoHide
: Enables auto hiding of the scrollbars on mouse out (default:true
)scrollTo
: Set this property to manually scroll to a certain position (if in single bar mode)scrollToX
: Set this property to manually scroll to a certain position in the horizontal directionscrollToY
: Set this property to manually scroll to a certain position in the vertical directiononScroll(scrollOffset, event)
: action triggered whenever the user scrolls, called with the currentscrollOffset
and the original scrollevent
onScrolledToBottom
: action triggered when user scrolled to the bottom
Advanced Usage
{{#ember-scrollable horizontal=true vertical=true}}
content that is wide and long.
{{/ember-scrollable}}
Developing
Setup
git clone https://github.com/alphasights/ember-scrollable.git
npm install && bower install
Running
ember server
Linting
npm run lint:js
npm run lint:js -- --fix
Running tests
ember test
– Runs the test suite on the current Ember versionember test --server
– Runs the test suite in "watch mode"ember try:each
– Runs the test suite against multiple Ember versions
Running the dummy application
ember serve
- Visit the dummy application at http://localhost:4200.
For more information on using ember-cli, visit https://ember-cli.com/.
License
This project is licensed under the MIT License.