An Ember mixin for one-time scroll events.
npm install ember-scrolled-to
This addon provides a mixin for calling an arbitrary function a single time
when a component is scrolled to.
Note that ember-in-viewport is
a more mature and featureful Ember addon which does roughly the same thing.
Non-Ember alternatives include scrollin
and scrollmonitor.
The callback could be used to lazy-load images of artificially-flavored snacks
or to kick off an animation of an apple being sliced into eight pieces.
The possibilities are endless!
``js
import Ember from 'ember';
import ScrolledTo from 'ember-scrolled-to';
export default Ember.Component.extend(ScrolledTo, {
scrolledTo() {
// Your code goes here. For example:
this.set('classNames', ['cornucopia']);
},
});
`
Clearly this addon should have been named ember-fruit-scroll-up.
* git clone https://github.com/w-hat/ember-scrolled-tocd ember-scrolled-to
* npm install
* bower install
*
* ember serve
* Visit your app at http://localhost:4200.
* npm test (Runs ember try:each to test your addon against multiple Ember versions)ember test
* ember test --server
*
* ember build`
For more information on using ember-cli, visit https://ember-cli.com/.