微信小程序如何禁止一个页面的上下滑动只能进行左右滑动

buaichidoufu 2018-03-26 10:15:55

因为上下滑动同时可能会造成左右跟着动所以需要屏蔽它有没有大神求解

...全文

5135 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

comtumacy 2020-02-06

打赏
举报

回复 1

使用scroll-view而不是view，就可以了。腾讯做的恶心巴拉的东西，用平时的css控制没用的

斯洛文尼亚旅游 2018-03-26

打赏
举报

回复

自己控制touch事件，touchstart调用事件的preventDefault阻止下

Web开发学习资料推荐
jqGrid一些疑难问题和解决方案
Web前端开发教程

小程序禁止页面左右滑动 PS：在开发过程中可能会遇到某一个页面可以左右滑动，在开发者工具是不会出现左右滑动这个问题的，然后安卓上面也不会出现左右滑动，但是苹果测试机上面会出现屏幕左滑出现空白页问题解决方案 1、页面中view设置width:100%之后，页面右边会多出一块白区域，并且可以左右滑动，解决方法是给这个view加一个box-sizing：border-box; 2、直接给最外层的view设置一个overflow-x:hidden; 3、在json文件里面加 "disableScroll":

前言快放假了，人狠话不多，啥也不说了。先看效果图。思路从上面的效果图来看，基本的需求包括：左右滑动到一定的距离，就向相应的方向移动一个卡片的位置。卡片滑动的时候有一定的加速度。如果滑动距离太小，则依旧停留在当前卡片，而且有一个回弹的效果。看到这样的需求，不熟悉小程序的同学，可能感觉有点麻烦。首先需要计算卡片的位置，然后再设置滚动条的位置，使其滚动到指定的位置，而且在滚动的过程中，加上一点加...

如何去掉微信小程序导航栏，以及禁止页面滑动 1、微信小程序要去掉微信自带的导航栏，只需要在app.json中加上 "navigationStyle": "custom",隐藏显示微信自带导航栏，然后便可以使用自定义的导航！ 2、禁止页面左右滑动，上下滑动，"disableScroll": true值为true是禁止，值为false时不禁止！具体如下图所示 ...

通过和，我们成功制服了小程序的“左右滑动鬼”，让“疑惑产品上传”页面变得规规矩矩！👮 同时，保证了用户还能享受垂直滚动的自由。你的代码现在既安全又实用，简直是开发界的“滑手克星”！🌈快去测试一下吧！如果有啥问题，随时叫我，咱们一起“debug 狂欢”！🎉😊。

微信小程序提供了页面的上下滚动的事件,在页面的js文件中, page({ onPageScroll(e) { console.log(e.scrollTop) } }) 但是不是滑动事件,滑动事件需要自己加在view上, <view bindtouchstart='touchStart' bindtouchend="t...

87,987

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章