微信小程序禁用页面滚动的几种方式

革履西装

已于 2024-09-10 21:49:16 修改

阅读量3.6k

点赞数 1

分类专栏：前端（Vue）面试题2022/4/8 文章标签： vue.js 前端 javascript 微信小程序

于 2022-06-03 01:51:54 首次发布

本文链接：https://blog.csdn.net/weixin_53641562/article/details/125109423

版权

CSS overflow:hidden catchtouchmove 移动端开发触屏事件

关键词由CSDN通过智能技术生成

前端（Vue）面试题2022/4/8 专栏收录该内容

6 篇文章

订阅专栏

博主博客：www.jwblog.cn

博主开源项目：www.openapijs.com

都是要动态控制里边的值就可以了

一、overflow: hidden;来控制。默认值visible

css 代码 必须设置
page {
  height: 100%;
}


<view style="height:100%;overflow: hidden;">
  <view>杰夫贝佐斯</view>
  <view>杰夫贝佐斯</view>
  <view>杰夫贝佐斯</view>
</view>

二、catchtouchmove="return" 还是动态控制里边的值就可以了

<view catchtouchmove="return">
  <view>杰夫贝佐斯</view>
  <view>杰夫贝佐斯</view>
</view>