移动地址栏截断底部内容

问题描述

在我的 portfolio website 的移动版本中,当地址栏可见时,底部内容会隐藏在每个面板上。

enter image description here

在上面的屏幕截图中,底部有一些隐藏的元素,如下面的屏幕截图所示。

enter image description here

我按照here的建议尝试了以下代码

window.addEventListener("load",function() {
    setTimeout(function(){
        window.scrollTo(0,1);
    },0);
});

这将在页面加载后自动滚动,以便隐藏地址栏。但是,为了实现面板机制,我必须禁用网页上的滚动,因此上面的代码段不起作用。

但是如果滚动被禁用,那么为什么在 google chrome 上向上移动手指会隐藏地址栏?我该怎么做才能确保底部内容不被截断?如果有人想查看完整的源代码,请访问 github

仅供参考,每个面板的高度为100vh,宽度为100vw

在此先感谢您! :)

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...