热门标签
热门文章
- 1深入理解Transformers库的Pipeline
- 2很美的古风句子大全_玛丽苏古风句子
- 3android广播接收器的无序广播和有序广播_android有序广播和无序广播
- 4用PowerShell命令查看SQL Server 进程_powershell 查询所有后台进程
- 5致远OA wpsAssistServlet 任意文件上传漏洞_致远oa wpsassistservlet 任意文件上传漏洞复现
- 6国产麒麟系统下Unity的使用打包_unity 麒麟系统
- 7华为OD机试 - 不含101的数（Java & JS & Python & C & C++）
- 8网站文件上传到服务器怎么不显示,我已经上传文件，为什么还看不到网站首页？...
- 9EM算法详细推导（最详细版本！）_em算法推导
- 10图注意力网络论文详解和PyTorch实现_门控注意力网络
当前位置: article > 正文
h5页面在微信浏览器中头部或底部被遮挡_微信h5页面顶部 遮挡
作者：不正经 | 2024-03-27 02:52:57
赞
踩
微信h5页面顶部 遮挡
由于微信浏览器本身的内核原因
我们在使用position:fiexd 固定定位时 页面处于最顶端或者最低端时 继续往下拉 此时被固定定位的元素 会被遮挡
所以 要将固定定位 改为 absolute 绝对定位 或者relative 相对定位两种
将中间可滑动的元素 设置为固定高度 并且可以滑动
例：
- .mobile-body{
- position: relative;
- top:0;
- height:calc(100vh - xxxrem);
- overflow: scroll;
- }
这样既可，也不会影响页面监听滚动距离
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/不正经/article/detail/321430
推荐阅读
相关标签
