文件名称：移动端页面上下滑动时禁止显示底部黑色
文件大小：12KB
文件格式：ZIP
更新时间：2021-04-18 12:24:36
微信公众号 ，移动端
页面布局 <body id="wrapper">
</body> 引用组件 引用组件支持下面两种方式： clone之后直接拷贝引用bin文件夹下面的preventoverscroll.min.js 从npm下载安装 npm install --save preventoverscrolljs var PreventOverScroll = require('preventoverscrolljs'); 设置样式 不少人反馈用了这个组件之后不能滑动，其实是样式没有写好。 按照上面的布局，你的样式应该包含下面这段： html, body { width: 100%; height: 100%; } #container { height: 100%; } 实例化组件 var list = ['container']; var prevent = new PreventOverScroll({ list: list }); 区分安卓和IOS 因为安卓不支持原生的橡皮筋效果，而且安卓在div内的滑动效果很差，所以上述组件应该这样实例化： var outer = ( isAndroid // do it yourself ? 'wrapper' : 'container' ); var list = [outer]; var prevent = new PreventOverScroll({ list: list });【文件预览】：
preventoverscrolljs-master
----Gruntfile.js(2KB)
----lib()
--------util.js(2KB)
--------preventoverscroll.js(4KB)
----examples()
--------simple()
----README.md(1KB)
----.gitignore(14B)
----index.js(53B)
----preventoverscroll.js(68B)
----bin()
--------preventoverscroll.min.js(3KB)
--------preventoverscroll.js(6KB)
----package.json(841B)