收藏
回答

横向滚动布局中,每列内的元素高度怎么会互相影响呢?

<scroll-view scroll-y="true" style="height:{{scrollH_c}}px;position:fixed;left:50px;top:{{barHeight+60+74}}px" >
  <scroll-view scroll-x="true" class="scroll-wrap" bindscroll="scroll">
    <view class="table" wx:for="{{zhouList}}" wx:key="index" >
      <view class="real-content">
          <view wx:for="{{item.classList}}" wx:for-item="citem" wx:for-index="cindex" style="flex:{{citem.classKeepTime}};background-color:{{citem.className == ''?'':background[(index+cindex)%4]}}" class="fz10 fc333 test-b" wx:key="cindex">{{citem.className}}</view>
      </view>
    </view>
  </scroll-view>
</scroll-view>


最外面是一个竖向滚动,里面是一个横向滚动。

其中每个table是竖向滚动的一列,每列内有多个view ,布局是flex-direction:column;

但是发现,每列中的view高度,会影响其他的列。

例如横向滚动中,第一列的第一个view高度是100px,第二列内的第一个元素的高度是120px。

页面上就会看到,第一列的第一个view被往下挤了。

回答关注问题邀请回答
收藏

1 个回答

  • 肖亚光
    肖亚光
    2021-07-27

    已解决,只能在每列的第一行内添加一个view,固定高度,让其对齐。

    2021-07-27
    有用
    回复
登录 后发表内容