Easy animated scroll to target element.
npm install ember-scroll-to-targetEasy animated scrolling to target element.
ember install ember-scroll-to-target
With label attribute:
``hbs`
{{scroll-to
label='Click to scroll'
target='#targetId'
tagName='a'
duration=1000
}}
With template block:
`hbs``
{{#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) |
Visit below ember twiddle for working demo.
https://ember-twiddle.com/21bb3d46c665718d8b78b5c036ad6529
cd tests/dummy
ember server
Open http://localhost:4200/tests