Javascript 无法在mobile中滚动到页面的绝对底部

我试图弄清楚我的网站上到底发生了什么，在移动设备上，我无法滚动到箭头指向的最后

我需要你帮助我。谢谢

我的网站是www.agustimoles.byethost32.com

编辑：我发现错误出现在代码的某些部分，但我认为这并不坏。。。嗯

function deSeccion1A2() {
    deSeccionXaSeccionY('#section1 #portfolio i','#section2');
}

function deSeccion2A3() {
    deSeccionXaSeccionY('#section2 .bottom-arrow','#section3');
}

function deSeccion3AContact() {
    deSeccionXaSeccionY('#section3 .bottom-arrow','#contact-section');
}

function deContactATop() {
    deSeccionXaSeccionY('#contact-section .bottom-arrow','#section1');
}

function deSeccionXaSeccionY (nombreElemento, nombreDivAMoverse) {
    $(nombreElemento).click(function() {
        var altoSection = $(nombreDivAMoverse).offset().top;
        $('html, body').animate({scrollTop: altoSection},700);
    });
}

---

页面上的javascript会滚动到每个部分，以填充屏幕。在移动设备上，屏幕不够高，因此无法容纳整个部分，并且因为没有下一部分，它会停止滚动。懒散的解决方法是在手机上禁用该功能，或者调整

.adios

和

底部箭头的底部位置

如果您可以在这里使用代码片段重现问题，您可能会得到一些更好的解决方案

编辑：

尝试将下面选择器的字体大小更改为
字体大小：2.8em
。标题似乎是打破了分区，这似乎是造成问题。我不是100%确定，但这可能会导致
vh
单位计算稍微关闭

@media screen and (max-width: 768px)
  #contact-info h1 {
    margin: 0 auto;
    padding-top: 100px;
    width: 97%;
    line-height: 70px;
    font-size: 3.8em;
  }
}

但我认为它足够高了，因为我在每个部分都使用了100vh，也许我可以创建一个仅适用于移动设备的div，在最后一部分之后添加一个空格，但这也是一个懒散的解决方案。我没有注意到你在使用100vh，我会再快速查看一次。如果你需要部分代码，我可以向你展示。也许这是媒体对这个问题的一个错误css@AgustinMoles我已经编辑了我的答案。这似乎解决了我这边的问题。在将来，展示一些示例代码总是好的。它不起作用，错误也发生在最后一部分是“展示室”时。因此，我认为问题来自其他方面。谢谢你帮助我！