网址栏在移动设备上折叠后底部的空白

时间:2018-07-16 22:16:14

标签: javascript html css mobile webpage

我正在建立一个网站,遇到一个我找不到解决方案的问题,看起来也很微妙。因此,基本上,在网页的某些部分上,用户可以向下滚动(没有异常; P)。但是,当我在移动设备上测试我的网页时(因为我也希望它在这里看起来也不错),我注意到有时候(向下滚动时,我发现缓慢滚动解决了问题,但并非总是如此),但是当我向下滚动到最底端时,一个空白。我发现折叠的是URL栏的大小(默认情况下,在Android的移动浏览器上)。要了解我的意思,我在中间滚动页面和最底部附加了2张图像。

Image before mid-scroll

Image after the scroll

我已经在网络上搜索了很多问题,并尝试使用不同的方法为背景添加全尺寸图片,以查看是否可以解决该问题,但遗憾的是没有任何效果。

您也可以访问我在这里谈论的网页(http://haiku-gimvic.herokuapp.com/prijava.php) 登录凭据为:USERNAME:超级;密码:test123 登录使其更简单之后(由于页面不是英语),您可以将URL替换为http://haiku-gimvic.herokuapp.com/admin/ogled_nate%C4%8Daja.php?id=1(再次愚蠢,我在URL中使用“č”也必须解决此问题...; P),这将使您进入需要用户向下滚动以及出现问题的位置(在移动设备上)。

关于此问题的最后一件事是,我无法使用Google的开发人员工具来重新创建它并模拟手机设备,因为我什至没有一种很好的方法来检查元素以查看发生了什么。

感谢您提供有关如何查看网页的“真实”移动版本并在此处查看网站的帮助和/或解决方案。

编辑:

**还要注意,页面底部白色部分上的按钮会停止接收点击事件,因此它可能完全被html部分切除了?

**另外我还注意到,当我发出发布请求时(在白色框中,基本上所有其他底部按钮都是发布请求),发生这种情况的频率更高,在tge发布之后,它自动将您滚动到您拥有的框中编辑后的要求。如果该框位于页面顶部,则更常见,而您编辑的框越低,它发生的次数就越少?我不知道为什么会这样?

0 个答案:

没有答案