1. 程式人生 > >關於小程式的橫向滾動

關於小程式的橫向滾動

一開始程式碼寫上去了但是死活滾不了

主要是容器的 white-space:nowrap; 以及滾動元素的 display:inline-block; 屬性

然後改了一遍 可以直接複製貼上

		
	<scroll-view scroll-x style="" >
		<view class="item">
			<label>視屏搜尋標題</label>
		</view>
        	<view class="item">
			<label>視屏搜尋標題</label>
		</view>
        	<view class="item">
			<label>視屏搜尋標題</label>
		</view>
	</scroll-view>
		
		.box{
			width:auto;
			overflow:hidden;
			white-space:nowrap;
			overflow: hidden;
		}
		.item{
			width: 300rpx;
		    height: 200rpx;
		    padding: 1%;
		    display:inline-block;		    
		    vertical-align: top;		    
		    border-radius: 5%;
		    color: rgb(124, 207, 255);
		}