小程序
小游戏
企业微信
微信支付
扫描小程序码分享
案例代码https://developers.weixin.qq.com/s/ps4RIvmO7Sbe,在小程序开发者工具中即可复现,基础库2.4.4,版本为最新版本
描述:在scroll-view内部的第一个盒子添加margin-top时,scroll-view就出现滚动条,超出的部分就是margin-top的值,这个滚动条在自定义navbar页面影响效果,求官方验证?
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
margin-top 垂直方向塌陷导致的,建议开发者自行规避。
解决方案:在第一个元素前增加空元素。
<view style="content: ''; overflow: hidden;"></view>
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
感谢反馈,建议先在第一个元素添加一个占位box来规避
虽然加个空元素可以解决,但是太不优雅了,提供个别的方法:
通过把page变成BFC来规避page子元素的margin垂直塌陷,变成BFC的方法有很多,可以选对自己业务完全无影响的方式。
比如给page加个 overflow: auto;
更多细节参考:
https://juejin.cn/post/6976272394247897101
这个滚动条在自定义navbar页面影响效果具体是影响了哪里呢?
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
margin-top 垂直方向塌陷导致的,建议开发者自行规避。
解决方案:在第一个元素前增加空元素。
感谢反馈,建议先在第一个元素添加一个占位box来规避
虽然加个空元素可以解决,但是太不优雅了,提供个别的方法:
通过把page变成BFC来规避page子元素的margin垂直塌陷,变成BFC的方法有很多,可以选对自己业务完全无影响的方式。
比如给page加个 overflow: auto;
更多细节参考:
https://juejin.cn/post/6976272394247897101
这个滚动条在自定义navbar页面影响效果具体是影响了哪里呢?