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; 
}

17 Views
分享你的喜爱
默认图片
linwute

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

留下评论