收藏
评论

scroll-view内部的第一个盒子添加margin-top属性会出现滚动条官方

margin-top 垂直方向塌陷导致的,解决 margin-top 塌陷的方法有:

  1. 给父盒子添加border

  2. 给父盒子添加padding-top

  3. 给父盒子添加overflow:hidden

  4. 父盒子:position:fixed

  5. 父盒子:display:table

  6. 给子元素的前面添加一个兄弟元素

31022浏览
最后一次编辑于  2019-10-12
知识库内容非实时更新,可能已过期、失效或不适用于当前情形,请谨慎参考
收藏
反馈

3 个评论

  • 赵健棋
    赵健棋
    2022-08-30

    我一般都是在前面加一个这个东西。。。

    <view style="height:24rpx"></view>
    

    

    2022-08-30
    赞同 1
    回复 1
  • 翛然
    翛然
    01-21

    真的很无语,自从把<view/> + overflow-y: auto, 因为某些能力的原因切换成scroll-view之后,bug不断。

    今天修这个bug,一搜果然第一条就是这个链接。

    官方回复真的是无稽之谈,什么叫“margin-top 垂直方向塌陷导致的”?margin collapse是这个意思吗,整个margin都还在,没有任何的margin被合并或丢弃,这能叫塌陷。

    01-21
    赞同
    回复
  • 多读书多锻炼
    多读书多锻炼
    2024-08-08

    scroll-view设置padding-top

    2024-08-08
    赞同
    回复
登录 后发表内容