scroll-view,设置scroll-x="true"无效
发布于 6 年前 作者 mluo 17862 次浏览 来自 问答
<scroll-view class="scroll-bar" scroll-x="true" wx:if="{{showProCate}}" style="width: 100%">
    <view wx:for="{{idxData.cates}}" wx:for-item="cate" class="cate-item {{index == currentIndex ? 'active' : ''}}" data-id="{{cate.cate_id}}" data-cate="{{cate.cate_id}}" data-index="{{index}}" bindtap="cateClick">{{cate.cate_name}}</view>
</scroll-view>
.com-product .scroll-bar{
    white-space: nowrap;
    height: 80rpx;
}

结果没有效果

8 回复

怎么 解决的呢

开发工具中看不到效果,真机调试可以试一下。

@刘小俊在奔跑 给你赞,样式加入white-space:nowrap; 解决

没用啊,还是解决不了,还有设置scroll-y为false,都可以滚动,

white-space:nowrap;没有用的好吗

给一下初始数据

Page.data 里的

 样式加入white-space:nowrap; 解决

回到顶部