小程序scroll-view 设置scroll-y=false 不管用的问题

问题：
利用scroll-view组件横向滚动实现步骤条效果，每个子元素下使用到scroll-view组件纵向滚动。
小程序开发工具上正常，在真机上滚动子元素内容时，页面会跳到第一个子页面。

正常情况下如下图：

滚动疫苗页面后内容错位，如下图：

排查，在真机上查看元素结构时，发现父元素scroll-view允许纵向滚动。

查看代码，发现设置了scroll-y=“false”，貌似并未起作用。

仔细查看文档，发现了自己的错误。

凡是布尔类型的属性，都跟 HTML5 标准是一样的，写值了就是 true，不写才是 false。小程序会对布尔类型的变量特殊处理，scroll-y=“false” 这个明显就是个字符串 “false” 而不是变量。

所以，想要 scroll-view 禁止纵向滚动，要么压根不写 scroll-y 属性，要么用 scroll-y="{{flag}}" 变量来控制。

小程序scroll-view 设置scroll-y=false 不管用的问题相关推荐

小程序自定义view以及某些属性使用方法
1.自定义dialog //wxml文件<view class="modal-mask" bindtap="onCance ...
微信小程序把view居中_初识微信小程序
"晓程序" 小程序连载笔记,通俗易懂,欢迎各位转发关注学习.未经作者授权,禁止转载初识小程序什么是微信小程序微信小程序,小程序的一种,英文名Wechat Mini Progr ...
微信小程序scroll-view高设置100%在苹果6p下的兼容性问题
微信小程序scroll-view高设置100%在苹果6p下的兼容性问题 home.wxml <view class='main'><view class='crumbs'>&l ...
微信小程序学习——view的显示与隐藏
微信小程序学习--view的显示与隐藏需要在全局数据块中,设定一个控制键. data: {......//省略其他代码showView: true}, 然后是在wxml中,view的class中设置 ...
微信小程序背景图设置不生效的问题
技术栈: unIAPP + uview 组件库开发微信小程序时候发现设置背景图片不生效 ,查资料得知,背景图需要使用网络地址或者base64格式解决方法如下思路使用定位实现父盒子使用相对定位 ...
微信小程序动态更改标题栏_微信小程序实现动态设置页面标题的方法【附源码下载】...
本文实例讲述了微信小程序实现动态设置页面标题的方法.分享给大家供大家参考,具体如下: 1.效果展示 2.关键代码 ① WXML文件标题1 标题2 标题3 还原 ② JS文件 Page({ // 设置 ...
【小程序入门】小程序首页的设置
上篇文章https://blog.csdn.net/u014650759/article/details/90712324,我们提到了app.json的基本操作及功能,这边接着继续来讲解小程序首页的设 ...
【微信小程序】background-image设置背景图片
微信小程序通过background-image设置背景:只支持线上图片和base64图片,不支持本地图片: base64图片设置步骤如下:1.在转base64工具(自己百度下base64编码转换工具) ...
成语答题小程序后台手机设置教程
成语答题小程序后台管理设置教程如下: 小程序名称:自己申请的成语答题小程序名称,可自己填写首页logo图片:首页显示答题的现金的那张图片,可自己上传图片或复制网 ...
微信小程序网络请求 - 设置合法域名
微信小程序设置网络请求官方文档为什么要设置合法域名呢 ? 每个微信小程序需要事先设置通讯域名,小程序只可以跟指定的域名进行网络通信.包括普通 HTTPS 请求(wx.request).上传文件(w ...

小程序scroll-view 设置scroll-y=false 不管用的问题

小程序scroll-view 设置scroll-y=false 不管用的问题相关推荐

最新文章

热门文章