收藏
回答

Scroll-View 组件的scroll-x属性不起作用

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug scroll-view 工具 6.6.7 2.1.2

When using "scroll-y" property within the scroll-view component, the image shows as below:



the code as below:

<scroll-view class="" scroll-y style="height:250px;">
  <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>




When using "scroll-x"property within the scroll-view component, the image shows as below (same result as above):


the code as below:

<view class="section section_gap">
  <view class="section__title">horizontal 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>


有人可以帮助solve 这个问题吗?


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

3 个回答

  • ´▽`
    ´▽`
    2018-07-10

    给scroll-view 加以下样式  width: 100%;white-space: nowrap;  子元素display:inline-block;可以实现横向滚动

    2018-07-10
    赞同 1
    回复 1
    • Kris
      Kris
      2018-07-10

      Thanks, your solution is perfect.

      2018-07-10
      回复
  • 厦门第一帅哥
    厦门第一帅哥
    08-26

    每个子元素设置成

    display: inline-flex;


    08-26
    赞同 1
    回复
  • 是柿子啊
    是柿子啊
    2018-07-09

    你好,没看到你的样式呀?

    2018-07-09
    赞同
    回复 2
    • Kris
      Kris
      2018-07-09

      index.wxss:

      .bc_green {background: green;width:100px; height: 100px;}
      .bc_red {background: red;width:100px; height: 100px;}
      .bc_blue {background: blue;width:100px; height: 100px;}
      .bc_yellow{background: yellow;width:100px;height: 100px;}


      感谢你的回复,我觉得这个问题应该是scroll-view属性的问题,和样式应该没有关系吧. 如果说scroll-view水平显示是通过wxss样式渲染的话,我觉得提供scroll-x property的意义不大。


      2018-07-09
      回复
    • 是柿子啊
      是柿子啊
      2018-07-10回复Kris

      里面的item有设为display:inline-block吗?

      2018-07-10
      回复