----
如图，左边是view，右边是scroll-view，父容器都有padding：50rpx 0；的样式，
左边view是正常情况也是我要的效果，当滑到顶部或者底部的时候才会看到padding的距离，
但是scroll-view的padding就像是margin一样，不管滑到顶部或者底部，padding的距离一直都有，如图二
请问是我的写法有问题还是bug还是设计如此啊？
代码片段：https://developers.weixin.qq.com/s/Z0fHJzmW7yho
| 框架类型 | 问题类型 | API/组件名称 | 终端类型 | 微信版本 | 基础库版本 |
|---|---|---|---|---|---|
| 小程序 | Bug | scroll-view | 微信iOS客户端 | 最新 | 最新 |
----
如图，左边是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以达到你想要的结果。