uni-app scroll-view 组件不生效

首先就是scroll-view需要设置 scroll-x 和 scroll-y 其中的一个

如果是 scroll-y 需要设置高度,且有时在类名里面添加高度没反应,需要写入行内.

如果是 scroll-x 需要包裹的盒子宽度设好设置成display: inline-block; overflow:hidden;

white-space:nowrap;(且有时在类名中无效,需要写在行内.)

将内部的view设成display: inline-block; 

<view class="lxy-content">
		<scroll-view scroll-x="true" class="content-scroll" scroll-with-animation :scroll-left="scrollLeft">
			<view v-for="(item, index) in category" :key="index" class="scroll-item" @click="changeTitle(item,index)">
				<text class="item-text" :style="{color:curIndex==index?selectedTextColor:''}">{{item.orgName}}</text>
				<view class="swiper-tab-line" :style="{backgroundColor:curIndex==index?BottomColor:bgColor}">
				</view>
			</view>
		</scroll-view>
	</view>