【发布时间】:2015-07-17 08:55:11
【问题描述】:
我使用 position:fixed 将“帐户栏”固定在屏幕底部,当用户使用名为 headroom.js 的插件向下滚动页面时,我会自动隐藏它
这在除 Android 浏览器(运行 Kitkat 的三星 Galaxy Note 4)之外的所有浏览器上都能完美运行,因为 Android 浏览器在屏幕底部有它自己的工具栏,它覆盖了我的屏幕。
这对大多数网站来说都不是问题,因为当用户向下滚动屏幕时,android 浏览器工具栏会消失,但不幸的是,当用户向下滚动时,我隐藏了我的工具栏。当他们再次向上滚动时,我的工具栏会显示,但它顶部的浏览器工具栏也会显示!
除了将条形图移高 40 像素以使其不会被覆盖之外,我想不出解决方案。不幸的是,这在所有其他浏览器中看起来很荒谬。另一种选择是浏览器嗅探 android 浏览器,只是永远不要隐藏我的工具栏,但浏览器嗅探似乎过时了。但是,在浮动浏览器工具栏的存在下进行特征检测是不可能的。
任何想法将不胜感激。
【问题讨论】:
-
你能修好它吗?
-
很遗憾没有,会记下答案。
标签: css android-browser headroom.js