小程序
小游戏
企业微信
微信支付
扫描小程序码分享
<scroll-view class="item" scroll-x="true">横向不滚动
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
scroll-x 好像需要使用变量来表示 即 scroll-x="{{true}}"
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
指定下scroll-view的宽度，高于屏幕宽度750rpx
<scroll-view type="list" class="bg" scroll-x> <view class="v">第一</view> <view class="v">第二</view> <view class="v">第三</view> </scroll-view
css
.bg{ white-space:nowrap; } .v{ display:inline-block }
<scroll-view scroll-x="true" class="caseList">
<view class="item" v-for="item in caseLists" :key="item.id" @click="jumpPage(item.url)">
<image class="imgW100" mode="widthFix" :src="base_url + item.image"></image>
</view>
</scroll-view>
.caseList{
overflow: hidden;
white-space: nowrap;
height: 250rpx;
}
.caseList .item{
width: 250rpx;
display: inline-block;
margin: 0 10rpx;
在scroll-view加入overflow: hidden;white-space: nowrap;
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
scroll-x 好像需要使用变量来表示 即 scroll-x="{{true}}"
指定下scroll-view的宽度，高于屏幕宽度750rpx
<scroll-view type="list" class="bg" scroll-x> <view class="v">第一</view> <view class="v">第二</view> <view class="v">第三</view> </scroll-viewcss
.bg{ white-space:nowrap; } .v{ display:inline-block }<scroll-view scroll-x="true" class="caseList"><view class="item" v-for="item in caseLists" :key="item.id" @click="jumpPage(item.url)"><image class="imgW100" mode="widthFix" :src="base_url + item.image"></image></view></scroll-view>.caseList{overflow: hidden;white-space: nowrap;height: 250rpx;}.caseList .item{width: 250rpx;height: 250rpx;display: inline-block;margin: 0 10rpx;}<scroll-view scroll-x="true" class="caseList"><view class="item" v-for="item in caseLists" :key="item.id" @click="jumpPage(item.url)"><image class="imgW100" mode="widthFix" :src="base_url + item.image"></image></view></scroll-view>.caseList{overflow: hidden;white-space: nowrap;width: 250rpx;height: 250rpx;}.caseList .item{width: 250rpx;height: 250rpx;display: inline-block;margin: 0 10rpx;}在scroll-view加入overflow: hidden;white-space: nowrap;