Ember-scroll-to-mk2 NPM

ember-scroll-to-mk2

A link/button component that performs scrolling to given selector.

Current implementation uses jQuery for animated scrolling (animation is optional).

This project is a reimplementation of ember-scroll-to by @jasonkriss and other contributors.

Differences:

ember-scroll-to-mk2 only provides the component, not the service.
Scrolls to any selector, not just id.
Allows specifying which container to scroll.
Optional caching of container and target elements -- disable caching if your app has them disappearing/reappearing.

ember install ember-scroll-to-mk2

Inline form:

{{scroll-to
  target = "#foo"
  label  = "Scroll to #foo"
}}

Block form:

{{#scroll-to
  target = "#foo"
}}
  <strong>Scroll to #foo"</strong>
{{/scroll-to}}

Argument	Type	Default value	Description
`label`	`undefined`/`String`	`undefined`	If no block is provided, this is used as link/button label.
`target`	`String`	\	Selector of the element to scroll to
`scrollable`	`String`	`'html, body'`	Selector of the element being scrolled. In `test` env, `'#ember-testing-container'` is used.
`duration`	`undefined`/`Number`	`undefined`	Animation duration in milliseconds. When `undefined`, jQuery's default is used.
`easing`	`undefined`/`String`	`undefined`	Animation easing name. When `undefined`, jQuery's default is used.
`offset`	`Number`	`0`	Lets you scroll slightly above or below the target.
`cacheTarget`	`Boolean`	`true`	Whether to cache the target element.
`cacheScrollable`	`Boolean`	`true`	Whether to cache the scrollable element.
`afterScroll`	`undefined`/Action	`undefined`	Ember Action to invoke every time scrolling animation completes.
`shouldAccountForScrollable`	`Boolean`	`false` if `scrollable` is not default	Whether to account for `scollable`'s `offset` and `scolllTop` when calculating `scolllTop`.