ember-scroll-to-target

Easy animated scrolling to target element.

Install

ember install ember-scroll-to-target

Usage

With label attribute:

{{scroll-to
 label='Click to scroll'
 target='#targetId'
 tagName='a'
 duration=1000
}}

With template block:

{{#scroll-to
 target='#targetId'
 tagName='a'
 duration=1000
}}
  Click to scroll
{{/scroll-to}}

Attributes

Attribute	Defination
label	Text displayed inside the component. Not required if block template is used. (Optional)
target	Target element id. (Required)
tagname	Tagname for the component template. (Optional)
duration	Scroll animation duration. Default is 500. (Optional)
offset	Additional offset if required. (Optional)

Demo

Visit below ember twiddle for working demo.

https://ember-twiddle.com/21bb3d46c665718d8b78b5c036ad6529

Tests

cd tests/dummy
ember server
Open http://localhost:4200/tests