Javascript 移动浏览器隐藏地址栏滚动顶部

Javascript 移动浏览器隐藏地址栏滚动顶部,javascript,html,mobile-browser,Javascript,Html,Mobile Browser,我知道在某些浏览器中隐藏地址栏对手指滚动的影响,如下所示: 我喜欢这个,因为它为webapp打开了更多的空间 现在这在我的webapp中起作用了。但我在我的网站上做了一个输入字段,它在焦点上滚动页面,并将输入作为一个顶部栏粘贴(固定) 好的,当然可以,但是我想知道是否有可能在主体滚动时将带有聚焦滚动事件(“scrollTop”)的地址栏移开。当我用手指滚动主体时,地址会自动滚动(如上面的gif所示),但当我使用scrollTop实现相同的行为时,地址不会隐藏 有什么想法吗 顺便说一句,我不想使

我知道在某些浏览器中隐藏地址栏对手指滚动的影响,如下所示:

我喜欢这个,因为它为webapp打开了更多的空间

现在这在我的webapp中起作用了。但我在我的网站上做了一个输入字段,它在焦点上滚动页面,并将输入作为一个顶部栏粘贴(固定)

好的,当然可以,但是我想知道是否有可能在主体滚动时将带有聚焦滚动事件(“scrollTop”)的地址栏移开。当我用手指滚动主体时,地址会自动滚动(如上面的gif所示),但当我使用scrollTop实现相同的行为时,地址不会隐藏

有什么想法吗


顺便说一句,我不想使用全屏api,这不是一个答案,只是一个建议。不要“黑客”隐藏地址栏。为什么?这仅仅是因为每个手机浏览器都有自己的逻辑,而且没有一款手机允许隐藏地址栏。真正的问题是为什么要隐藏地址栏?如果需要更多空间,只需更好地重新组织页面即可。很快,您将需要删除桌面上的地址栏以获得空间;)。因此,在我看来,只需使用地址栏,而不用看隐藏它是的,我不想破解它:)我读了一些关于它的东西,我不想改变浏览器的正常行为。我知道并不是所有的浏览器都支持它,但现代浏览器(chrome、firefox等)在更新的移动设备上支持它。在我看来,它看起来不错,用户知道如何取回它。因此,我不会从用户角度窃取任何东西。我的webapp在地址栏上也能很好地工作,但我只想知道为什么它不会移动,当我像用手指一样通过javascript滚动时。。。