2016-04-23 26 views
1

jQueryを使用して新しいページを読み込み、特定のdivにスクロールしました。すべてが完璧に機能しましたが、私は小さな問題があります。スクロールする直前にリンクが開くたびに、点滅があります。ここでスクロールする前に画面が点滅

はコードです:ここ

<a id="about1" href="Main.html#aboutSection" alt="About"> ABOUT </a></li> 

はスクリプトです:

$(document).ready(function() { 
$('html, body').hide(); 

if (window.location.hash) { 
    setTimeout(function() { 
     $('html, body').scrollTop(0).show(); 
     $('html, body').animate({ 
      scrollTop: $(window.location.hash).offset().top 
     - 86}, 1000) 
    }, 0); 
} else { 
    $('html, body').show(); 
})}; 

私は十分に明らかだった願っています。

ありがとうございます。

P.S:私はウェブプログラミングに新しいです。このコードは私のものではありません。

答えて

2

あなたとあなたのすべての内容を隠しているので、あなたが点滅を見ている:

$('html, body').hide(); 

あなたはページ全体を非表示にする理由はありますか?そうでない場合は、次の方法をお試しください。

$(document).ready(function() { 

    if (window.location.hash) { 

     $('html').animate({ 
     scrollTop: $(window.location.hash).offset().top 
     - 86}, 1000); 
    } 
}); 
関連する問題