モバイルのページの絶対的なボトムまでスクロールできません

Question

私のウェブサイトで何が起こっているのかを把握しようとしていますが、モバイルデバイスでは矢印が上がっているところまでスクロールできません。

私はあなたを助けてください。うーむ...は、私はエラーがこのコードの一部であることを見出したが、私はその悪いとは思わない

：ありがとう

私のウェブサイトは、www.agustinmoles.byethost32.com

EDITです

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に調整するのが怠惰な修正です。

コードスニペットを使用して問題を再現できる場合は、より良い解決策が得られる可能性があります。

EDIT：

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