uni-app开发H5禁止页面下拉查看域名

大风写全栈

发布于 2024-10-30 19:17:58

9280

文章被收录于专栏：锤子代码锤子代码

使用uni-app开发H5的时候会遇到一种情况，比如某个页面不想用户下拉看到域名。但系统里面其余页面还需要使用下拉刷新功能。

这时就需要单独为特定页面进行配置。

这里只给出单个页面的代码，仅针对微信公众号的H5。

在需要禁止下拉查看的页面增加如下代码（放在Vue之外,<script>标签之内）：

<script>

  export default {
    data() {
      return {
        // 其它代码...        
      };
    },
    onReady() {
      // 其它代码...
    },
    methods: {
      // 其它代码...
    }
  }
  
  // 重点是下面这段: 

  // #ifdef H5
  document.body.addEventListener("touchmove",function(e){
    if (e.cancelable) {
      e.preventDefault();
    }
  },
  {passive:false})
  // #endif
</script>

学会了么？