禁止ios浏览器页面滚动的橡皮筋效果
问题:在做手机端,通过拖拽调整某个div大小时,拖拽引起了整体页面的弹动方法一:通过css设置body宽高html, body {width: 100%;height: 100%;overflow: hidden}方法二:阻止body的touchmove事件单纯解决橡皮筋效果,可以将body的touchmove事件禁止,可以替代第一种方法documen...
·
问题:在做手机端,通过拖拽调整某个div大小时,拖拽引起了整体页面的弹动
-
方法一:通过
css
设置body
宽高html, body { width: 100%; height: 100%; overflow: hidden }
-
方法二:阻止
body
的touchmove
事件
单纯解决橡皮筋效果,可以将body
的touchmove
事件禁止,可以替代第一种方法document.body.addEventListener('touchmove', function (e) { e.preventDefault() // 阻止默认的处理方式(阻止下拉滑动的效果) }, {passive: false}) // passive 参数不能省略,用来兼容ios和android
更多推荐
已为社区贡献2条内容
所有评论(0)