ember-scroller

Animated scroll using rAF.

Usage no npm install needed!

<script type="module">
  import emberScroller from 'https://cdn.skypack.dev/ember-scroller';
</script>

README

ember-scroller

Animate scroll to an element using rAF.

Installation

ember install ember-scroller

Usage

Use the scroller service to scroll to an element.

  scroller: service(),

  actions: {
    scroll() {
      const element = document.getElementById('scroll-to');
      get(this, 'scroller').scrollTo(element);
    }
  }

Add elements as offsets (such as a fixed header) and they are taken into account even if they change height on different viewports.

    const headerElem = document.getElementById('header');
    scroller.addOffset(headerElem);

Contributing

Installation

  • git clone https://github.com/aranja/ember-scroller.git
  • cd ember-scroller
  • yarn install

Linting

  • yarn lint:js
  • yarn lint:js --fix

Running tests

  • ember test – Runs the test suite on the current Ember version
  • ember test --server – Runs the test suite in "watch mode"
  • ember try:each – Runs the test suite against multiple Ember versions

Running the dummy application

For more information on using ember-cli, visit https://ember-cli.com/.

License

This project is licensed under the MIT License.