1. BetterScroll
是什么
-
BetterScroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件。
-
BetterScroll 的核心是借鉴的 iscroll 的实现,它的
API
设计基本兼容iscroll
,在iscroll
的基础上又扩展了一些feature
以及做了一些性能优化。 -
BetterScroll 是使用纯
JavaScript
实现的,这意味着它是无依赖的。
2. BetterScroll
的安装
- npm 安装:
npm install better-scroll -S //安装带有所有插件的 BetterScroll npm install @better-scroll/core //核心滚动,大部分情况可能只需要一个简单的滚动
3. BetterScroll
的使用
- BetterScroll 最常见的应用场景是列表滚动,我们来看一下它的 html 结构。
<div class="wrapper" ref="wrapper"> <ul class="content"> <li>...</li> <li>...</li> ... </ul> // 这里可以放一些其它的 DOM,但不会影响滚动