angular-butter-scroll 是一个即插即用的 Angular 指令，帮助实现高 FPS 的平滑滚动体验。为什么需要它？ 尽管浏览器默认优化滚动，但当页面存在大量 :hover 样式的元素时，浏览器需要频繁重绘，导致未优化的合成循环。这种情况会阻塞 UI 线程，降低 FPS，导致滚动出现延迟和抖动。angular-butter-scroll 通过禁用指针事件解决此问题，提升滚动性能。

安装方法

  1. 使用 Bower 安装： bower install angular-butter-scroll

  2. 使用 npm 安装： npm install angular-butter-scroll

用法示例

在 JS 中：


angular.module('foo', ['turn/angularButterScroll']);

在 HTML 中：


<div class='\"disable-pointer-events\"'> ... </div>

在 CSS 中：


.disable-pointer-events * { pointer-events: none; }

disable-pointer-events 样式将指针事件禁用，使滚动更流畅。