uniapp禁止上下滑动

已于 2023-12-22 14:33:39 修改
阅读量700 收藏 5
点赞数 9
分类专栏： uniapp 文章标签： uni-app 前端
于 2023-12-22 14:20:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_48881427/article/details/135152180
版权
文章介绍了如何在Vue或其他前端框架中，通过在View组件上添加特定的HTML代码``，来阻止其内部元素的touchmove事件默认行为，提升用户体验。
摘要由CSDN通过智能技术生成

直接在当前页面最外层View添加这行代码
<view @touchmove.stop.prevent="() => {}"></view>

超，不学了
关注
  • 9
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
uni-app 禁止页面上下滚动的方法
qq_37746495的博客
03-21 5493
uni-app 禁止页面上下滚动的方法
【uniapp】禁止页面上下滚动
y_coder的博客
10-30 3732
则页面整体不能上下滚动（bounce效果），只在页面配置中有效，在。属性控制，该属性默认为。
【uniapp】监听触摸事件、禁止屏幕滚动
Minions_Fatman的博客
07-26 3874
禁止屏幕滚动</监听触摸事件 滑动事件手指滑动事件三个事件：@touchstart ：触摸开始；@touchmove：手指滑动的过程；@touchend：触摸结束，手指离开屏幕。
uniapp禁止页面上下滚动
热门推荐
Dream_Fever的博客
06-21 2万+
uniapp禁止页面上下滚动的方法
uniapp在app端页面上下左右滑动问题，禁止上下左右滑动影响canvas和触摸事件
qq_42682622的博客
03-24 2849
当在app端运行uniapp项目时会有页面回弹效果，即页面拉到最上面或最下面时有一定的拉伸效果让页面更加柔和，但有些场景我们不希望有这种效果，比如页面中有触摸事件产生图形化效果时，比如有个能画画的canvas画布时此时如果存在回弹效果或滑动效果就会影响画图，通过上图中搜索框和canvas画布的拉伸可以看出影响。
uniapp禁止页面滑动的方法：
nelly521的博客
10-17 1549
{ "path": "pages/client/product/product_equity", "style": { "navigationBarTitleText": "产品介绍", "navigationStyle":"custom" , "transparentTitle": "always", "titlePenetrate": "YES", "enablePullDownRefresh": false,//禁止下滑刷屏 "navigationBa
【uniapp】禁止遮罩层下的页面滚动解决办法
Brod-Roy的博客
02-27 8848
不少朋友在日常工作中都会遇到需要自定义弹窗的时候，当开启弹窗后，却发现存在弹窗下的页面依旧可以被触发滚动的问题，以下是相关的解决方法。
uniapp 仿抖音上下滑动视频.zip
03-12
【uniapp 仿抖音上下滑动视频】 在移动应用开发领域，uniapp是一个备受瞩目的框架，它允许开发者使用一种语言编写代码，然后跨多个平台（包括iOS、Android、H5以及小程序）进行部署。本项目是基于uniapp实现的一个...
uniapp仿抖音滑动视频
07-15
uniapp仿抖音
uniapp滑动周组件
07-08
uniapp滑动周组件
uniapp实现可滑动选项卡
01-18
本文实例为大家分享了uniapp实现可滑动选项卡的具体代码，供大家参考，具体内容如下 tabControl-tag.vue <view class=tabList :style=isEquall
微信小程序uniapp日历组件，可以自定义文案，可以上下滑动选择日期
03-01
在uni-app中，开发一个具备自定义文案和上下滑动选择日期功能的日历组件，可以大大提升用户体验。下面将详细解释这个组件的相关知识点。 1. **uni-app框架**：uni-app是一个基于Vue.js的开发框架，它的核心思想是...
uniapp弹窗之后禁止页面滑动
weixin_52941842的博客
05-31 3554
uniapp弹窗之后禁止页面滑动
uniapp——uniapp 禁止当前页面滚动
qq_43201350的博客
03-28 1390
uniapp——uniapp 禁止当前页面滚动
微信小程序，uni-app阻止滚动事件或悬浮按钮拖动事件穿透（事件穿透）
云间月
09-10 1万+
微信小程序，uni-app阻止滚动事件或悬浮按钮拖动事件穿透（事件穿透） 阻止滚动事件穿透的应用场景 **【场景一】**在开发中遇到这样一个需求，在页面中添加一个仿苹果的拖动悬浮按钮，但是在长页面中，当拖动悬浮按钮时，长页面也会随之滚动。因此需要组织悬浮按钮上的touchmove事件穿透。 **【场景二】**有时候我们需要在页面中弹出一个弹窗，在弹窗弹出后需要禁止原页面继续滚动。 阻止滚动事件穿透...
uniapp禁止滑动防止滑动穿透
qq_37363320的博客
11-11 3420
在我们使用弹出层的时候，上下滑动总能使背景页滑动。 因此我们可以通过弹出层的最外层代码加上@touchmove.stop.prevent="moveStop"来禁止滑动 moveStop是一个空函数，什么也不需要写
uniapp 禁止滚动穿透(一般用于遮罩)-小程序/app/h5适用
weixin_44805839的博客
07-04 1万+
uniapp 禁止滚动穿透(一般用于遮罩)-小程序/app适用
uniapp 禁止遮罩层下的页面滚动
UserGuan的博客
08-23 1644
若需要禁止蒙版下的页面滚动，可使用 @touchmove.stop.prevent="moveHandle"，moveHandle 可以用来处理 touchmove 的事件，也可以是一个空函数。将这个方法直接丢到弹窗的最外层 view 就好了，虽然在编译器上的滚轮依旧可以滚动，但真机环境下的手指滑动无法再触发。注意：如果使用 uview 之类的 ui 框架，@touchmove.stop.prevent 必须放在底层的 view 上面。
uniapp获取头像文件（二进制文件显示图片）
最新发布
weixin_62639453的博客
08-08 489
由于在获取头像文件过程中，传递参数之后，请求成功了，但是后端给我返回了一串二进制数据流，傻傻的我，以为是乱码，跑去问后端大哥，人家跟我说这不是二进制吗，突然就觉得自己傻傻的。首先，我把他封装成一个工具，方法调用，不然每次都在页面上写一堆，因为请求头像的地方挺多。代码写的还是有些问题，还有这个方法只是其一，等发现好一点的办法再更新！
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值