scroll-view 横向滚动无效解决方法

scroll-view 横向滚动无效解决方法

scroll-view 横向滚动无效解决方法

1. 给scroll-view 设置固定高度 【必须】

2. 给scroll-view 样式添加 white-space: nowrap;属性【必须】

3. 在scroll-view下的子模块设置 display: inline-block; 属性或 display: inline-table【必须】

4. 在scroll-view下的子模块设置不得设置 float: left;

5. 在scroll-view 上设置属性 scroll-x=”true” 横行滚的许可。

<scroll-view class="scroll" scroll-x="true">
<div class="divs" > 
  </div>
</scroll-view>

.scroll{
width: auto;
height: auto;
white-space: nowrap;
}
.divs{
width: auto;
height: auto;
/* float: left; 不得设置浮动*/
display: inline-block; 
}
1,117 Views
分享你的喜爱
linwute
linwute

我要像梦一样自由,像大地一样宽容;
在艰辛放逐的路上,点亮生命的光芒;
我要像梦一样自由,像天空一样坚强;
在曲折蜿蜒的路上,体验生命的意义;

留下评论

您的电子邮箱地址不会被公开。 必填项已用*标注