这篇文章主要介绍微信小程序如何实现横向滑动scroll-view隐藏滚动条，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
wxml
<scroll-view class="recommend_scroll_x_box" scroll-x="true">
<view class="recommend_hot_box" wx:for="{{hotList}}">
<image src="{{item.pic}}" class="recommend_hot_image"></image>
</view>
</scroll-view>wxss
.recommend_scroll_x_box {
height: 245rpx;
white-space: nowrap;
display: flex;
}
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}
.recommend_hot_box {
width: 230rpx;
height: 245rpx;
margin-right: 24rpx;
display: inline-block;
}
.recommend_hot_image {
width: 230rpx;
height: 143rpx;
}js
Page({
data: {
hotList: [
{
pic: '/images/example2.png',
title: '玻璃棧道',
desc: '22W人去過'
}, {
pic: '/images/example2.png',
title: '玻璃棧道',
desc: '22W人去過'
}, {
pic: '/images/example2.png',
title: '玻璃棧道',
desc: '22W人去過'
}, {
pic: '/images/example2.png',
title: '玻璃棧道',
desc: '22W人去過'
}, {
pic: '/images/example2.png',
title: '玻璃棧道',
desc: '22W人去過'
}
]
}以上是“微信小程序如何实现横向滑动scroll-view隐藏滚动条”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注编程网行业资讯频道！
