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

buaichidoufu 2018-03-26 10:15:55

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

...全文

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

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

comtumacy 2020-02-06

打赏
举报

回复 1

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

Go 旅城通票 2018-03-26

打赏
举报

回复

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

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

仿照微信开场导航页面编写的代码，实现了功能滑动简介和开场的动画，由博客链接到这里

PhotoSwipe是一个图片放大插件，兼容pc和移动端，经历过多个版本的迭代且一直在不断更新，踩过的坑不知凡几，在移动端有着巨大的优势。 1、可控制多种风格如：标题、分享、全屏按钮，点击事件、是否加入字幕，背景透明等。 2、可支持移动端触摸手势兼容pc端所有的基本手势支持：滑动下一个或上一个，拖动平移、缩放、放大或关闭，点击切换控件，双击放大或缩放。 3、分享默认的UI有一个按钮，分享链接。默认的链接是facebook，推特和Pinterest，但你可以通过API设置分享类型。 4、用户界面用户界面是完全从核心脚本分离。完全可以自定义界面。默认photoswipe UI是响应式的，桌面、平板电脑和移动设备完全可以使用。 5、更多功能等你发现。

微信小程序系统教程[初级阶段]，微信小程序0基础学起，讲解微信小程序开发的基础知识。 微信小程序系统教程共有“微信小程序系统教程[初级阶段]”、“微信小程序系统教程[中级阶段]——核心技术”、“微信小程序系统教程[阶段]客服消息+微信支付+九宝电商系统”。 “微信小程序系统教程[阶段]全套课程”包含： 1.微信小程序系统教程[阶段]_客服消息 2.微信小程序系统教程[阶段]_微信支付 3.微信小程序系统教程[阶段]_九宝电商系统学习“微信小程序系统教程[阶段]”要求有微信小程序的基础。建议先学习“微信小程序系统教程[初级阶段]”、“微信小程序系统教程[中级阶段]”，后在报名“微信小程序系统教程[阶段]”。阶段讲解的客服消息，是针对小程序的。后台程序用接近底层的技术，没有使用三方技术。这样降低同学们学习成本。微信支付，这部分课程很有难度，要求同学们认真听讲，有不会的技术问题可以请教老师。购买课程后请联系老师，提供单号，给你源程序。九宝电商系统是一套十分适和学习、项目的课程。既可以系统的学习微信小程序相关知识，还可以修改后上线。 “微信小程序系统教程[中级阶段]——核心技术”重点讲解微信小程序事件、组件、API 微信小程序系统教程[初级阶段]，微信小程序0基础学起，讲解微信小程序开发的基础知识。购买课程的同学，可赠送就九宝老师编写的《微信小程序开发宝典》。购课请咨询qq2326321088

开发的时候，会遇到产品或者UI发出如下规定：1、如果是一屏的页面，就禁止页面能上下滑动2、如果显示弹窗的时候，长屏幕禁止上下滑动！感叹一句：好变态当然，感叹归感叹，但是还是得听不是，我找出了3种方式，看看大家喜欢哪个，就用哪个！第一种方式：页面最外层的盒子，使用绝对定位！这样页面也就不能滑动了！此方法呢，比较麻烦，写的代码比较多！但是还是能够实现的！源码如下：第二种方式：在微信小程序app.json的window中，添加”disableScroll”:true，但是要注意，如果你是要在app.json

微信小程序禁止页面左右滑动小程序禁止页面左右滑动 PS：在开发过程中可能会遇到某一个页面可以左右滑动，在开发者工具是查看不出来，只有在手机预览才可以看的出来（尝试左或者右滑动）。我的解决方法是在根标签下添加了以下的CSS样式： content:overflow-x:hidden; //裁剪 div 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话进行隐藏 ...

87,842

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章