最新消息: USBMI致力于为网友们分享Windows、安卓、IOS等主流手机系统相关的资讯以及评测、同时提供相关教程、应用、软件下载等服务。

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

业界 admin 1浏览 0评论

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

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

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

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

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

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

发布评论

评论列表 (0)

  1. 暂无评论