/ember-scroll-to-target

Easy animated scroll to target element.

Primary LanguageJavaScriptMIT LicenseMIT

ember-scroll-to-target Build Status

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