关键词: scroll-view scroll-x="{{true}}" scroll-lef ...
在微信小程序应用的越来越多的今天,写小程序的程序员也越来越多了,本人也是刚写完微信小程序,在开发的时候也遇到一些坑,今天先写一下前几天刚遇到的问题 相信在微信小程序中横向滚动应该是经常用到的,这一点在小程序的官方文档里也是写的比较清楚了,只要用scroll view这个组件就可以做到, lt view class container gt lt view class section title g ...
2018-01-22 11:53 2 837 推荐指数:
关键词: scroll-view scroll-x="{{true}}" scroll-lef ...
...
<scroll-view scroll-x class="scroll-header"> <view id="green" class="scroll-view-item bc_gr ...
这是官方给的布局代码 <view class="section"> <view class="section__title">vertical scroll< ...
wxss文件样式 .item-image{ width: 80px; height: 80px; ...
<!--垂直滚动,这里必须设置高度--> <scroll-view scroll-y="true" style="height: 200px"> <view style="background: red; width: 100px; height: 100px ...
记得需要在父元素上设置white-space:nowrap; ...
官方文档给的代码复制下来发现无法滚动,没反应,使用css设置浮动属性也无效 官方没有给出css代码,横向需要设置两个css属性才行: 现在我们只要横向滚动的代码出来在加上上面的css就可以横向滚动啦 ...