收藏
回答

scroll-view在使用scroll-x无效

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug scroll-view 客户端 WeChat Version 7.0.4 WeChatLib: 2.7.4

测试手机: 华为Mate9 Pro




<view>

<view class='main-title'>资讯</view>  

<scroll-view class="scroll-horizontal" scroll-x="true" wx:for="{{newTitles}}" wx:key="item">

<view id='{{item.colid}}' class='nav-item'>{{item.colname}}</view>

</scroll-view>

</view>


.scroll-horizontal{

width: 100%;

height: 40px;

white-space: nowrap;

}


.nav-item{

width: 100px;

height: 40px;

line-height: 30px;

text-align: center;

display: inline-block;

background-color: #E2FCFE;

}


//index.js

//获取应用实例

const app = getApp()


Page({

data: {

newTitles: [{ colname: 'xx', colid: 1 }, { colname: 'tt', colid: 2 }, { colname: 'gg', colid: 3 }]

}

})


为什么scroll-x无效,按官网文档上不加属性值true也试过,是无效的

<scroll-view class="scroll-horizontal" scroll-x wx:for="{{newTitles}}" wx:key="item">

<view id='{{item.colid}}' class='nav-item'>{{item.colname}}</view>

</scroll-view>


最后一次编辑于  2019-07-08
回答关注问题邀请回答
收藏

2 个回答

登录 后发表内容