社区
JavaScript
帖子详情
微信小程序 如何禁止一个页面的上下滑动 只能进行左右滑动
buaichidoufu
2018-03-26 10:15:55
因为上下滑动同时可能会造成左右跟着动 所以需要屏蔽它 有没有大神求解
...全文
4913
2
打赏
收藏
微信小程序 如何禁止一个页面的上下滑动 只能进行左右滑动
因为上下滑动同时可能会造成左右跟着动 所以需要屏蔽它 有没有大神求解
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
comtumacy
2020-02-06
打赏
举报
回复
1
使用scroll-view而不是view,就可以了。腾讯做的恶心巴拉的东西,用平时的css控制没用的
Go 旅城通票
2018-03-26
打赏
举报
回复
自己控制touch事件,touchstart调用事件的preventDefault阻止下
Web开发
学习资料推荐
jqGrid一些疑难问题和解决方案
Web前端开发教程
高仿微信UI导航
页面
和开场动画
仿照微信开场导航
页面
编写的代码,实现了功能
滑动
简介和开场的动画,由博客链接到这里
PhotoSwipe4.1.1Demo-图片浏览插件仿微信朋友圈程序文件
PhotoSwipe是
一个
图片放大插件,兼容pc和移动端,经历过多个版本的迭代且一直在不断更新,踩过的坑不知凡几,在移动端有着巨大的优势。 1、可控制多种风格如: 标题、分享、全屏按钮,点击事件、是否加入字幕,背景透明等。 2、可支持移动端触摸手势兼容pc端 所有的基本手势支持:
滑动
下
一个
或上
一个
,拖动平移、缩放、放大或关闭,点击切换控件,双击放大或缩放。 3、分享 默认的UI有
一个
按钮,分享链接。默认的链接是facebook,推特和Pinterest,但你可以通过API设置分享类型。 4、用户界面 用户界面是完全从核心脚本分离。完全可以自定义界面。默认photoswipe UI是响应式的,桌面、平板电脑和移动设备完全可以使用。 5、更多功能等你发现。
微信小程序
系统教程C#版[3/3阶段]_
微信小程序
电商系统
微信小程序
系统教程[初级阶段],
微信小程序
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 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话
进行
隐藏 ...
JavaScript
87,842
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章