收藏
回答

ScrollView scroll-x 子元素的右padding不显示

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug ScrollView 客户端 7.0.3 2.6.2

- 当前 Bug 的表现(可附上截图)


ScrollView的子元素添加左右各30rpx的padding,但是右padding不显示,可参考代码片段


- 预期表现


显示右padding


- 复现路径


- 提供一个最简复现 Demo


https://developers.weixin.qq.com/s/Doo0d5mB7T7w

最后一次编辑于  03-25  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

1 个回答

  • 轩辕狗剩
    轩辕狗剩
    03-25

    在scroll-view最后加个空白的块,假装padding-right的效果。。。

    03-25
    赞同
    回复 8
    • ZG-X
      ZG-X
      03-25

      可以试试,但这样不太好啊😂

      03-25
      回复
    • 轩辕狗剩
      轩辕狗剩
      03-25回复ZG-X

      大概都是这样做的,padding-right确实没生效啊😂

      03-25
      回复
    • sheng
      sheng
      03-25回复ZG-X

      生效了,但是效果不是你想要的,换成这样吧

      .scroll-view-wrapper-item:last-child {

      padding-right: 30rpx;

      }


      03-25
      回复
    • sheng
      sheng
      03-25回复ZG-X


      左右2边的颜色就是padding

      03-25
      回复
    • 三世羽翾
      三世羽翾
      03-25回复sheng

      不是这个原因,你的scroll-view并没有溢出,所以padding没有作用,class为scroll-view-wrapper的view宽度和scroll-view一致,所以没管用,请将这个view的样式中的display:flex,改为display:inline-flex

      03-25
      回复
    查看更多(3)