收藏
回答

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

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

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


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


- 预期表现


显示右padding


- 复现路径


- 提供一个最简复现 Demo


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

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

1 个回答

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

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

    2019-03-25
    有用
    回复 8
    • ZG-X
      ZG-X
      2019-03-25

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

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

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

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

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

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

      padding-right: 30rpx;

      }


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


      左右2边的颜色就是padding

      2019-03-25
      回复
    • 羽翾Yasin
      羽翾Yasin
      2019-03-25回复sheng

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

      2019-03-25
      1
      回复
    查看更多(3)
登录 后发表内容