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 repository
• npm install
• bower install

Running

• ember server
• Visit your app at http://localhost:4200.

Running Tests

• npm test (Runs ember 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/.