移动端微信页面怎么禁用上拉下拉?

网上都说用$(‘body’).on(‘touchmove’, function (event) {event.preventDefault();}); 但是会使页面不能滚动;有没有别的办法?### 问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?

阅读 5.5k
6 个回答

小程序开发??

touchmove 里判断页面也位置是处于顶部尾部 移动方向 再event.preventDefault()
一个想法没实践过

新手上路,请多包涵

如果是小程序 可以在该文件的json配置"enablePullDownRefresh": true,这一行删除,如果是全局,可在app.JSON中修改
如果是微信公众号,可在页面给body一个height:100vh;overflow:hidden; 放开后设置为height:auto;overflow:scroll

小程序的话 .json加上"disableScroll":true true是禁止弹动
如果是页面 看看css有没有-webkit-overflow-scrolling:true

再在滚动的元素上再添加下这句话即可,如

$(element).on(‘touchmove’, function (e) {
 e.preventDefault();
}); 
新手上路,请多包涵

很简单两行css就可以搞定

html{height:100vh;overflow:hidden};
body{height:100%;overflow:auto};
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题