微信里小程序scroll-x失效

最新推荐文章于 2024-09-19 09:55:52 发布

tanrong1104

最新推荐文章于 2024-09-19 09:55:52 发布

阅读量354

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/tanrong1104/article/details/114382893

版权

微信小程序专栏收录该内容

7 篇文章 0 订阅

订阅专栏

开发工具和手机端都好使，scroll-view横向都能滑动，但是在PC端微信（失效）小程序入口进入小程序scroll-x失效不能滑动，后来发现其实只要给scroll-view加上white-space: nowrap; ，给scroll-view的子元素box加上display:inline-block就行了。。。

<scroll-view class="scroll-view_H" scroll-x="true">
	<block wx:for="{{Colors}}" wx:for-item="i" wx:for-index="n" wx:key="ADDCOLOR">
		<view class="scroll-view-item_H"></view>
	</block>
</scroll-view>
<script>
.scroll-view-item_H{
  display: inline-block;
}
.scroll-view_H{
  white-space: nowrap;
  width:100%;
  height:auto;
}
</script>