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>

本文详细介绍了Better-Scroll插件,一个解决移动端滚动场景需求的工具。内容包括其与iscroll的关系、无依赖的JavaScript实现、安装、基本使用、实时监测滚动坐标、上拉加载更多功能、处理click事件、设置坐标方法、滚动范围刷新以及滚动原理的深入探讨。
最低0.47元/天 解锁文章
3万+

被折叠的 条评论
为什么被折叠?



