scroll-view,设置scroll-x="true"无效

发布于 7 年前作者 mluo17958 次浏览最后编辑 7 年前来自 ask
<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 回复
maping
maping1 楼6 年前

怎么 解决的呢

pinggong
pinggong2 楼6 年前

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

guiyingren
guiyingren3 楼6 年前

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

jie71
jie714 楼6 年前

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

chao86
chao865 楼6 年前

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

iliao
iliao6 楼6 年前

给一下初始数据

Page.data 里的

tao60
tao607 楼6 年前

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

taogong
taogong8 楼5 年前

解决了呢