JQuery .animate scrollトップがアニメーション化されず、目的の場所にジャンプするだけです。

Question

ページの特定のセクションまでスクロールするアンカーナビゲーションメニューを使用しようとしている単一ページアプリケーションのWebサイトがあります。

正常に動作しますが、リンクをクリックすると遷移アニメーションは発生しませんが、目的のセクションにジャンプします。

$('a').click(function(){ 
$('html, body').animate({ 
    scrollTop: $($(this).attr('href')).offset().top 
}, 700); 
return false; 

}）;

これは私が使用しているJQueryです...私はそれを適切に移行させるために何を変更/追加しますか？

Answer 1

このコードは私にとって役に立ちました。なぜあなたはそれを模倣したり、テストしたりしないのですか？私はあなたのHTMLにいくつかの属性エラーがあると仮定します。それがスムーズに動作しない理由です。で、あなたがエラーコード

HTML

<p id="top">I'm on top</p> 
<a id="test" href="#top">Click me</a> 

JS

$('a').click(function(){ 
    $('html, body').animate({ 
     scrollTop: $($(this).attr('href')).offset().top 
    }, 700); 
    return false; 
}); 

CSS

以下のすべての行を無効にし、タグのクリック機能の前にJavaScriptでエラーが発生しているもう一つの理由

#test { 
    width: 100px; 
    height: 100px; 
    position: relative; 
    top: 1000px; 
    background: green; 
}