scroll-view的paddin怎么像是margin？
发布于 5 年前 作者 lei90 6021 次浏览 来自 问答

----

如图，左边是view，右边是scroll-view，父容器都有padding：50rpx 0；的样式，

左边view是正常情况也是我要的效果，当滑到顶部或者底部的时候才会看到padding的距离，

但是scroll-view的padding就像是margin一样，不管滑到顶部或者底部，padding的距离一直都有，如图二

请问是我的写法有问题还是bug还是设计如此啊？

代码片段：https://developers.weixin.qq.com/s/Z0fHJzmW7yho

1 回复

这个很显然不是bug，当你在view上设置overflow:auto时实际上是生成了新的块级上下文（可以到这里了解：https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Block_formatting_context），而scroll-view本身是充当块级上下文的，因此如果你使用scroll-view应该在内部view上设置padding以达到你想要的结果。

回到顶部