無法滾動到移動頁面的絕對底部

我試圖找出我的網站上發生了什麼，在移動設備我不能滾動，直到箭頭向上的結尾。無法滾動到移動頁面的絕對底部

我需要你來幫助我。由於

我的網站是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 –

無法滾動到移動頁面的絕對底部

回答

相關問題