overflow属性scroll 滚动条自动消失导致无法滚动 最新PC版本3.3.0.93版本上
发布于 4 年前 作者 litao 12508 次浏览 来自 官方Issues

小程序原来能正常横向滚动的内容,在这这个PC版本下无法横向滚动。

在手机和开发工具上都是能正常滚动的。

但是在PC版上,横向滚动条会在激活的一瞬变大,然后消失,导致无法左右滚动内容。

猜测原因:最新的微信PC版本上,滚动条会有一个激活时变大,非活动时缩小的效果,也许和这个最新的特性有关。

代码摘录:

.row{

  display: flex;

  flex-direction: row;

  overflow: scroll;

  flex-wrap: nowrap;

  border: 1rpx solid #388833;

  width:100%;

  padding:50px;

}

.item{

  width:36%;

  border: 1rpx solid #FF33FF;

  flex:0 0 auto;

}

=======================================================================

<view class="row">

  <view class="item">

  AAAAAAA

  </view>

  <view class="item">

  BBBBBB

  </view>

  <view class="item">

  CCCCCC

  </view>

  <view class="item">

  DDDDDD

  </view>

</view>

回到顶部