E企盈营销工具技术服务商 热线:4006-838-530

微信小程序横向滑动scrollview隐藏滚动条

E企盈直播平台营销卖货系统

文章转载自:https://blog.csdn.net/qq_24734285/article/details/53912799wxmlscroll-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-viewwxss.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;}jsPage({    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人去過’        }]    }})最后,根据网友“夸克逃逸”的提醒,强调一下最主要的代码是wxss里的这行:::-webkit-scrollbar {    width: 0;    height: 0;    color: transparent;}

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序横向滑动scrollview隐藏滚动条
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏