PreventOverScroll移动端滚动回弹优化
移动端页面上下滑动时老是冒出底部那块黑色背景？嗯，挺烦人的。PreventOverScroll这个小工具就蛮适合这事的，尤其是你在做 iOS 或安卓下的滚动优化时，它能帮你拦住那种多余的回弹效果。
布局只要简单包一下，比如<body id="wrapper">，记得样式一定得写全，html、body、#container这些都得是 100%高，不然你一套好逻辑也白搭。滑不动多半就是样式问题，不是组件的锅。
用法也不复杂，npm install --save preventoverscrolljs装上之后直接 require 引用就行。你指定下要监听的容器列表，像这样：
var list = ['container'];
var prevent = new PreventOverScroll({ list: list });不过要注意点，安卓上没啥橡皮筋动画，滚动体验也一言难尽。所以建议你用 isAndroid 来判断系统，再按平台切容器：
var outer = ( isAndroid ? 'wrapper' : 'container' );
var list = [outer];
var prevent = new PreventOverScroll({ list: list });，这个小工具比较轻巧，边界滚动还挺靠谱。如果你正头疼页面滑动“穿底”，可以试试看这个。
文件大小：11.75KB
评论区