angular-butter-scroll
Advanced tools
A plug and play angular directive for buttery smooth, high FPS scrolling.
A plug and play angular directive for buttery smooth, high FPS scrolling.
Browsers seriously optimize scroll operations, making scrolling buttery smooth by default. But if you scroll over a lot of elements with :hover styles, browsers have to paint and have long, unoptimized composite cycles as you scroll. These operations block the UI thread and kill FPS, making scrolly laggy and jittery.
NPM
bower install angular-butter-scroll
Bower
npm install angular-butter-scroll
JS
angular
.module('foo', ['turn/angularButterScroll'])
...
HTML
<div angular-butter-scroll> ... </div>
CSS
.disable-pointer-events * {
pointer-events: none !important;
}
Angular-butter-scroll works by disabling pointer events while scrolling, and re-enabling them when the user is done scrolling. It's a simple hack based on this technique.
Open demo/index.html in a browser
bower install
npm install
grunt test
bower install
npm install
grunt watch
FAQs
A plug and play angular directive for buttery smooth, high FPS scrolling.
The npm package angular-butter-scroll receives a total of 7 weekly downloads. As such, angular-butter-scroll popularity was classified as not popular.
We found that angular-butter-scroll demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover the risks of a malicious Python package targeting Discord developers.
Security News
The UK is proposing a bold ban on ransomware payments by public entities to disrupt cybercrime, protect critical services, and lead global cybersecurity efforts.
Security News
Snyk's use of malicious npm packages for research raises ethical concerns, highlighting risks in public deployment, data exfiltration, and unauthorized testing.