问题:在做手机端,通过拖拽调整某个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