了解betterscroll

BetterScroll是一款重点解决移动端各种滚动场景需求的开源插件(GitHub地址),适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。

为了满足这些场景,它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置,让滚动更加流畅,同时还提供了很多 API 方法和事件,以便我们更快地实现滚动场景下的需求,如下拉刷新、上拉加载。

由于它基于原生 JavaScript 实现,不依赖任何框架,所以既可以原生 JavaScript 引用,也可以与目前前端 MVVM 框架结合使用,比如,其官网上的示例就是与 Vue 的结合。

在移动端,如果你使用过 overflow: scroll 生成一个滚动容器,会发现它的滚动是比较卡顿,呆滞的。为什么会出现这种情况呢?

因为我们早已习惯了目前的主流操作系统和浏览器视窗的滚动体验,比如滚动到边缘会有回弹,手指停止滑动以后还会按惯性继续滚动一会,手指快速滑动时页面也会快速滚动。而这种原生滚动容器却没有,就会让人感到卡顿。

BetterScroll 可以用于几乎所有滚动场景,作为一款旨在解决移动端滚动需求的插件,BetterScroll 开放的众多选项、方法和事件,其实,就是提供了一种让我们更加快捷、灵活、精准时机地处理滚动的能力。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 如果没有那一次的安排,我们是不会相遇。你像沙粒被风吹到了我的眼中。不碍。但,我爱了。从开始的那刻起我就告诉自己,认...
    木可来了阅读 251评论 0 0
  • 《我的情绪为何总被他人左右》 1.四种不好的过激情绪 我们是不是经常会有不好的过激情绪,就是稻盛和夫书中所说的“不...
    蝎子小猫咪阅读 212评论 0 0
  • 我们相识在六月。 那年我刚刚二十出头,在马大小顶编代课。 那天是礼拜六,上午去上班时半道被老赵堵了回来,要我去中心...
    新雪00阅读 581评论 0 0
  • 曾经我听到一个男生在那里懊悔地说,我被钱不是攒出来的是赚出来的这句话害惨了,是的,他信了这句话,虽然他日进斗金,可...
    汪清飘阅读 1,395评论 2 4