最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

h5页面滚动如何让safari浏览器地址栏消失

运维笔记admin0浏览0评论

背景:针对于在safari浏览器打开的h5页面,若页面是可滚动装填,safari浏览器底部会有默认地址栏,导致滑动起来很难受,想要在滑动页面时,底部导航栏消失可以用一下办法.
 

做法:
         之前将overflow-y:scroll设置在页面最外层的一个dom上,dom设置一定的高度,这样页面虽然可以滚动,但是safari浏览器底部地址栏一直存在.

           只需要更改最外层高度为fit-content就可以了,safari浏览器页面会自动监听滚动隐藏底部地址栏

发布评论

评论列表(0)

  1. 暂无评论