JSPM

ember-scroll-to-target

1.0.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 31
  • Score
    100M100P100Q62855F
  • License MIT

Easy animated scroll to target element.

Package Exports

  • ember-scroll-to-target

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (ember-scroll-to-target) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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