移动端页面上下滑动时禁止显示底部黑色

所需积分/C币:50 2018-03-29 18:37:56 12KB ZIP
97
收藏 收藏
举报

页面布局 <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 });

...展开详情
立即下载 低至0.43元/次 身份认证VIP会员低至7折
一个资源只可评论一次,评论内容不能少于5个字
您会向同学/朋友/同事推荐我们的CSDN下载吗?
谢谢参与!您的真实评价是我们改进的动力~
上传资源赚钱or赚积分
最新推荐
移动端页面上下滑动时禁止显示底部黑色 50积分/C币 立即下载
1/0