手机端safari下,页面上滑如何隐藏地址栏和工具栏?

手机浏览器打开百度,手指往上滑动,浏览器地址栏和工具栏自动隐藏了,往下滑动则恢复正常。请问各位大牛如何做到该效果?是要调用什么API或者是meta标签吗?
图片描述

图片描述

阅读 13.2k
7 个回答

这难道不是safari的功能?和h5应该没关系把

应该是浏览器的属性吧,h5做不到,除非你这个地址栏和工具栏属于你的h5页面

如果你的H5页面中包含头部和底部,则可以监听页面的向上滑动和向下滑动事件来显示隐藏。怎样监听滑屏事件,自己百度下吧。

新手上路,请多包涵

只能让地址栏一直存在,只要把body高度不超过视口高度,地址栏就不会影藏了。

楼主解决这个问题了吗?

新手上路,请多包涵

大佬我有同样的需求,你解决了吗?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题