Scroll, position, and in-Viewport tracking of any number of elements or virtual elements at > 60fps.
Ember Radar is a highly optimized solution for tracking the position of thousands of elements and items without breaking a sweat. It supports both scrollable body and scrollable divs, and both real and virtual elements.
In addition to tracking an element's X and Y position, it calculates an element's relative A and Y
distance from the viewport (in "viewport units"), and provides scrollTo support for either smoothly
scrolling to a position or element, or immediately setting scroll to a position or element.
This project was extracted from (and is used by) #smoke-and-mirrors, a leading infinite-scroll and svelte-rendering solution.
Updated documentation and demos running the latest release can be found at http://runspired.github.io/ember-radar/
Join the smoke-and-mirrors channel on Slack. This addon is deeply related to smoke-and-mirrors.
ember-radar is dependent on and installs ember-run-raf, which helps you budget and schedule the work in your
app more intelligently.
- Open an Issue for discussion first if you're unsure a feature/fix is wanted.
- Branch off of
develop(default branch) - Use descriptive branch names (e.g.
<type>/<short-description>) - Use Angular Style Commits
- PR against
develop(default branch).
Angular Style commit messages have the full form:
<type>(<scope>): <title>
<body>
<footer>
But the abbreviated form (below) is acceptable and often preferred.
<type>(<scope>): <title>
Examples:
- chore(deps): bump deps in package.json and bower.json
- docs(component): document the
fast-actioncomponent