在微信小程序应用的越来越多的今天,写小程序的程序员也越来越多了,本人也是刚写完微信小程序,在开发的时候也遇到一些坑,今天先写一下前几天刚遇到的问题; 相信在微信小程序中横向滚动应该是经常用到的,这一点在小程序的官方文档里也是写的比较清楚了,只要用scroll-view这个组件就可以做到 ...
关键词: scroll view scroll x true scroll left white space: nowrap display: inline block wxml: lt scroll view scroll x class yqxz style width: scroll left left scroll with animation gt lt view class tab ...
2018-08-06 16:02 0 2393 推荐指数:
在微信小程序应用的越来越多的今天,写小程序的程序员也越来越多了,本人也是刚写完微信小程序,在开发的时候也遇到一些坑,今天先写一下前几天刚遇到的问题; 相信在微信小程序中横向滚动应该是经常用到的,这一点在小程序的官方文档里也是写的比较清楚了,只要用scroll-view这个组件就可以做到 ...
...
<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就可以横向滚动啦 ...