微信小程序中横向滚动条不出现的原因？

最新推荐文章于 2024-07-16 10:04:01 发布

resign_Lu

最新推荐文章于 2024-07-16 10:04:01 发布

阅读量2k

点赞数 2

分类专栏：微信小程序文章标签：小程序横向滚动条不展示

本文链接：https://blog.csdn.net/design_Lu/article/details/97152230

版权

微信小程序的开发与原生、前端等语言不同，其滚动条问题有时会出现不显示的情况。解决办法包括：给父元素添加样式white-space: nowrap; 和让子元素设置display: inline-block;，通过这种方式可以解决横向滚动条不展示的问题。

摘要由CSDN通过智能技术生成

微信小程序从16年开始出现，近两年划分到前端领域中，小程序的编写过程中，与原生、前端、安卓、ios、后端语言都不相同，拥有独立的标签，官方说基于react开发，但是使用过程中与vue有很大相似。

		<!-- 竖向滚动条 -->
 <scroll-view scroll-y style="height: 200px;">
    <view id="green" class="scroll-view-item bc_green"></view>
    <view id="red"  class="scroll-view-item bc_red"></view>
    <view id="yellow" class="scroll-view-item bc_yellow"></view>
    <view id="blue" class="scroll-view-item bc_blue"></view>
  </scroll-view>

添加好样式之后

.scroll-view-item{
  height:200rpx
}
#green{
  background: green
}
#yellow{
  background: yellow
}
#blue{
  background: blue
}
#red{
  background: red
}