我目前正在开发一个水平布局的网站.所有元素都是位置:绝对的javascript.它们的大小是用window.innerHeight计算的.我的问题是,尽管元素不高于窗口的高度,我可以向下滚动(地址栏的高度).这在两个方面很烦人.首先它触发了当时我既不想要也不需要的window-resize事件.第二,它与一些内容应该可以垂直滚动的内容盒不能很好地配合.有时我可以滚动框,但有时整个页面会先滚动(如前所述:地址栏的高度).有没有任何解决方案可以阻止我在所有设备上使用这种地址栏自动隐藏机制.
预先感谢!
这根本不可滚动:http://maxeffenberger.de/test.html
这可以水平滚动(有意义地看到隐藏的内容)但也是垂直滚动直到隐藏地址栏(没有意义,因为没有额外的"垂直"内容需要更多空间:http://maxeffenberger.de/test2 html的
似乎Android Chrome有一个相当大的错误,有时地址栏隐藏/显示导致固定元素通过浏览器地址栏高度向下/向上移动其边界框.因此,元素在视觉上保持在同一位置,但边界框实际上会发生变化.这使得可点击区域无用,因为它们不再注册(参见下面的图像).
这个错误是间歇性的,但我已经能够通过快速滚动然后突然停止滚动触摸屏幕来非常可靠地复制它.有没有其他人遇到这个,更重要的是,有没有人有一个避免这种行为的解决方案?
在第一张图片中,请注意没有地址栏.向下滚动隐藏.边界框应该是它的位置.
现在使用地址栏,它会将整个边界框向下移动,在这种情况下会偏离视图.这使得按钮的命中区域变得无用.