Angular Butter Scroll 高FPS平滑滚动指令解析

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> ... div>

CSS代码

.disable-pointer-events * {

  pointer-events: none;

}