微信小程序scroll-view横向滚动问题

wxml:

金融圈

金融

金融圈圈

金融圈

金融

金融圈圈

金融圈

金融

金融圈圈

wxss:

.slider{

width: 750rpx;

height: 106rpx;

overflow: hidden;

background: #fff;

white-space: nowrap;

}

.slider .box view{

display: inline-block;

padding: 30rpx 6rpx;

margin: 0 30rpx;

color: #8A8A8A;

font-size: 30rpx;

}

.slider .box .active{

border-bottom: 4rpx solid #7BB6A6;

color: #7BB6A6 !important;

}

js:

data: {

id:1

},

swit(e){
var id=e.target.dataset.id;

this.setData({id:id})

},

亲测有效。