Question

我试图弄清楚我的网站上发生了什么，在移动设备上我无法滚动直到箭头向上的结束。

我需要你来帮助我。感谢

我的网站是www.agustinmoles.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);
    });
}

Answer 1

页面上的javascript会滚动到每个部分，以便填充屏幕。在移动设备上，屏幕不够高，因此它不适合整个部分，因为没有下一部分它会停止滚动。一个懒惰的解决方法是在移动设备上停用该功能或调整.adios和bottom-arrow的底部位置。

如果您可以使用代码段重现此处的问题，则可能会获得更好的解决方案。

编辑：

尝试将以下选择器的字体大小更改为font-size:2.8em。标题似乎突破了DIV，似乎导致了这个问题。我不是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;
  }
}

无法在移动设备中滚动到页面的绝对底部

1 个答案: