微信端的 html5 页面,如何禁止下拉刷新,以及下拉显示提供商

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信端的 html5 页面,如何禁止下拉刷新,以及下拉显示提供商相关的知识,希望对你有一定的参考价值。

参考技术A 微信自带功能,禁止不了

微信公众号 --- 禁止下拉

微信公众号 禁止下拉
methods: {
    noPullDown:function(selector){
       //禁止页面拖动
     document.querySelector(\'body\').addEventListener(\'touchmove\', function (e) {
          console.log(\'禁止下拉出现网页来源信息\')
          if(!selector) {
             e.preventDefault()
          } else {
             // 如果需要部分区域可以滑动,则需传入需要滑动地方的类名
     if (!document.querySelector(selector).contains(e.target)) {
                e.preventDefault()
             }
          }
       }, { passive: false })
    },
}
mounted(){
    this.noPullDown()
}

以上是关于微信端的 html5 页面,如何禁止下拉刷新,以及下拉显示提供商的主要内容,如果未能解决你的问题,请参考以下文章

ios 小程序兼容问题(下拉刷新)

原生的微信小程序有下拉刷新功能,怎么取消下拉刷新?不希望它刷新

微信小程序 禁止ios页面下拉下滑滚动 出现空白的情况

微信小程序实现下拉刷新

uni-app 中如何实现上滑分页和下拉刷新

在微信小程序中,如何实现下拉刷新(模拟刷新)