起初我们以为是近期添加的 scroll-view 滚动时同时滚动页面的功能导致的,但随后发现另一个页面也有 scroll-view 的小程序也出现了滚动崩溃情况。该小程序相关页面没有变更很久了,以前也一直运行正常。 暂时没有发现其他页面有这个问题。例如有个页面没有使用 scroll-view 直接使用普通的 view 来呈现列表内容,一样的触...
接着scroll-view的属性scroll-x要设置为true scroll-x="true" 如果这都不出现滚动,那么原因可能有二: 1.scroll-view的宽度大于或等于父级的宽度,解决方案为:手动设置scroll-view的宽度,直至能滑动为止,比如: width: 92vw 2.浏览器兼容性问题,可尝试先给scroll-view设置样式: overflow-x: scroll; overflow: au...
问题出在给元素设置百分比高度时要制定父布局高度,否则就会出现百分比高度无效的问题。 具体参看后面的附文。 附文:参考另外几种方法: 一、简单粗暴的JS大法: 微信小程序scroll-view组件自适应不同高度的手机 已知微信相比于H5开发有rpx这个单位可以自适应一些不同宽度的手机,但是有的时候需要自适应一些手机高度贼大的...
微信小程序 scroll-view 横向滚动问题 主要2点 1 scroll-view 设置 scroll-x="true" style="width:100%" white-space:nowrap; 2 子元素 设置 display:inline-block; index.wxml <scroll-viewscroll-x="true"class="scroll_view"><viewclass="text1"style="background:red">111</view><viewclass="text2"...
先测试了文本问题以为是省略号影响的: scroll-view中设置了scroll-x="true"后,,可滚动视图区域暂时还不能横向滚动。需要把scroll-view的样式设置为white-space: nowrap; 并且子元素设置为 display: inline-block,这样就能横向滚动了; 正是因为scroll-view设置了white-space:nowrap属性,所以文本不能换行了,解决方案是...
在微信小程序实现横向滑动时,使用scroll-view标签,然后给它设置一个scroll-x,感觉就可以实现元素的横向排列,可以左右滑动。 官网文档如下所示 https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html 但是在实际开发中会遇到各种问题,本文主要通过具体编写代码实现一个横向滑动的功能 ...
1.scroll-view默认是不滚动的。。所以要先设置scroll-x="true"或者scroll-y="true" 2. 在scroll-view里面添加定宽元素,超过scroll-view宽度(设置了100%,即屏幕宽度)后,它竟然换行了。所以要scroll-view的样式要这样设置: scroll-view { width: 100%; ...
小程序scroll-view组件GitHubhttps://github.com/Ewall1106/miniProgramDemo 1、竖向滚动 首先从简单的来,竖向滚动很简单,只用记住两点即可: 首先得设置scroll-y属性; 其次,一定要给scroll-view设置一个height高度; 代码语言:javascript 复制 <scroll-view scroll-y style="height: 200px;"><viewclass="green"style...
场景一:布局中已知高度局部滚动 一般页面布局中某个模块需要局部滚动,以横向滚动更多,纵向滚动其实也类似。这个也是 scroll-view 最简单的用法,纵向滚动直接设置一个已知的固定高度 height 就行了,没啥难度。 场景二:整个布局上、中、下3个模块布局,中间局部滚动 ...
这时候重新触发了页面render,state数据层的scroll-top并没有改变,但是触发了scroll-view的滚动。 期望结果 理论上scroll-top应该是数据驱动的。拿state的scroll-top去和dom元素实时的scroll-top比较,来判断是否需要触发滚动,这个逻辑本身上是有问题的。 期望state的scroll-top没有改变的情况下,不触发元素的滚动。