问题:在做手机端,通过拖拽调整某个div大小时,拖拽引起了整体页面的弹动

  • 方法一:通过css设置body宽高

    html, body {
    	width: 100%;
        height: 100%;
        overflow: hidden
    }
    
  • 方法二:阻止bodytouchmove事件
    单纯解决橡皮筋效果,可以将bodytouchmove事件禁止,可以替代第一种方法

    document.body.addEventListener('touchmove', function (e) {
            e.preventDefault() // 阻止默认的处理方式(阻止下拉滑动的效果)
        }, {passive: false}) // passive 参数不能省略,用来兼容ios和android
    
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐