ember-pin
Pin elements of your UI, triggered by scrolling.
Use
Install this addon with ember-cli
ember install ember-pin
And then wrap whatever you want inside the {{pinned-content}}
component, defining either the top
or bottom
property (numeric values, in pixels)
{{#pinned-content top=20}} <div class="card"> <div class="card-content"> <span class="card-title">Top-Pinned</span> <p> This card should snap to the top of the viewport as the user starts scrolling down </p> </div> </div>{{/pinned-content}}
Collaborate
git clone
this repositorynpm install
bower install
Running
ember server
- Visit your app at http://localhost:4200.
Running Tests
npm test
(Runsember try:testall
to test your addon against multiple Ember versions)ember test
ember test --server
Building
ember build
For more information on using ember-cli, visit http://ember-cli.com/.