收藏
回答

scroll-view水平滚动无效果

  <scroll-view class="scroll-view_H" scroll-x style="width: 100%">
    <view id="green" class="scroll-view-item_H bc_green"></view>
    <view id="red"  class="scroll-view-item_H bc_red"></view>
    <view id="yellow" class="scroll-view-item_H bc_yellow"></view>
    <view id="blue" class="scroll-view-item_H bc_blue"></view>

 </scroll-view>


主要是容器内的view不会水平排列,请问你们的CSS是怎么写的?文档总是不完整,很难受啊!!!


最后一次编辑于  2018-03-11  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

1 个回答

  • HoTao
    HoTao
    01-12

    发现社区太不活跃了。还是百度找解决办法来得快。

    以下内容来自百度。亲测有效
    1.scroll-view 中的需要滑动的元素不可以用 float 浮动;

    2.scroll-view 中的包裹需要滑动的元素的大盒子用 display:flex; 是没有作用的;

    3.scroll-view 中的需要滑动的元素要用 dislay:inline-block; 进行元素的横向编排;

    4.包裹 scroll-view 的大盒子有明确的宽和加上样式-->  overflow:hidden;white-space:nowrap;


    01-12
    赞同 1
    回复 1
    • 风云
      风云
      03-15

      谢谢你的回答,经测试,非常正确~


      好久没来论坛了、

      03-15
      回复