你这种需求得改下这个数组里面的结构 如果想是banner那种一页一页滚动就改成一个数组里面套多个数组 如果想直接左右滑动就改成一个数组下套两个数组或者拆分两个数组字段去循环,也就是上面一个数组下面一个数组 有用 回复 一笑皆春 01-16 scroll-view 添加样式: style="white-space: nowrap; width:1...
但先网站设计后付款的网站建设流程,更有如皋免费网站建设让你可以放心的选择与我们合作。 要实现横向滚动,只需设置以下两个: 父元素设置 white-space:nowrap; // 不换行 子元素设置 display:inline-block; .scroll-view_H { /*设置display:flex无效*/ white-space: nowrap; } .scroll-view-item_H { width:...
1.设置滚动项display:inline-block; 2.设置滚动视图容器white-space: nowrap; 3.滚动项不要用float 为什么会有以上三点要求呢? 其实横向滚动官方文档中是没有做太多说明的,只说明需要定义scroll-view滚动方向scroll-x=true允许横向滚动,但是我在实践的时候我发现,你要横向滚动,首先你得是一排吧。所以才发现需要定...
小程序scroll-view设置view靠下就无法滚动? 页面根标签是screen,结构是3层,history-view是历史记录,exp-view是用户当前输入的表达式,result-view是计算结果。 history-view和exp-view是横向scroll-view,screen是竖向scroll-view,我的需求是: 3层在screen中靠下对齐,竖向超出screen高度后可以竖向滚动。 这样实现了靠下...
1.scroll-view默认是不滚动的。。所以要先设置scroll-x="true"或者scroll-y="true" 2. 在scroll-view里面添加定宽元素,超过scroll-view宽度(设置了100%,即屏幕宽度)后,它竟然换行了。所以要scroll-view的样式要这样设置: scroll-view {width:100%;white-space: nowrap; // 不让它换行 ...
其中,ScrollView组件常用于实现滚动效果。本文将详细介绍如何在微信小程序中实现ScrollView的横向滚动。 一、基础实现 要在微信小程序中实现ScrollView的横向滚动,首先需要在页面的wxml文件中添加ScrollView组件,并设置其scroll-x属性为true。这样,ScrollView就可以支持横向滚动了。同时,为了确保滚动内容能够正确显示,还需要为...
scroll-view中设置了scroll-x="true"后,,可滚动视图区域暂时还不能横向滚动。需要把scroll-view的样式设置为white-space: nowrap; 并且子元素设置为 display: inline-block,这样就能横向滚动了; 正是因为scroll-view设置了white-space:nowrap属性,所以文本不能换行了,解决方案是 ...
今天刚做微信小程序的scroll-view组件,看着文档的配置很简单,但是按照配置实现并实现不了想要的结果。 首先先贴上一段代码 文档说竖向滚动的时候才要设置高度,并不是,横向滚动也要的,这是第一个问题。 那么这个第二个问题来了,父元素没有设置宽度100%时,这时候页面会撑开屏幕宽度。
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"style="background:orange">2222</view><view...