无法滚动到移动页面的绝对底部

我试图找出我的网站上发生了什么，在移动设备我不能滚动，直到箭头向上的结尾。无法滚动到移动页面的绝对底部

我需要你来帮助我。由于

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

编辑：我发现该错误是在此代码的某些部分，但我不认为它坏... hmmmm

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); 
    }); 
}

来源

2017-06-10 Agustin Moles

您的页面上的JavaScript滚动到每个部分，因此它填满了屏幕。在移动设备上，屏幕不够高，所以它不适合整个部分，并且因为没有下一部分它会停止滚动。懒惰的修复方法是在手机上禁用该功能或调整.adios和bottom-arrow的底部位置。

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

编辑：

尝试改变下面选择的字体大小为font-size:2.8em。标题似乎正在破裂的DIV似乎是造成这个问题。我不是100％确定的，但这可能会导致单位计算略有减少。

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

来源

2017-06-10 14:16:01 WizardCoder

但我认为它的身高不够，因为我用100vh每个部分，也许我可以创建一个div是只针对移动是把一个空间的最后一节之后，但它也将是一个懒惰的修复。 –

我没有注意到你使用的是100vh，我会再看看它。 – WizardCoder

如果您需要我可以展示的部分代码。也许它是一个错误在媒体查询的css –

无法滚动到移动页面的绝对底部

回答

相关问题