1

jQuery の.animate機能に問題があります。

ここの私のウェブサイトに「トップに戻る」リンクを実装しました: http://www.unforgivengamers.com/

クリックすると、ページのトップに戻るはずです。

ここに私のjQueryコードがあります:

<script type="text/javascript">
jQuery.noConflict();
jQuery('a[href=#top]').click(function(){
        jQuery('html, body').animate({scrollTop:0}, 'slow');
        return false;
    });
</script>

問題: アニメーションが滑らかでない! 瞬時にスクロールするのではなく、ゆっくりスクロールしたい。

このように: http://designwoop.com/labs/smooth%20scroll/smooth-scroll.html

ここで何か不足していますか?

jQuery 1.8.3を使用しています

4

1 に答える 1

4

コードをドキュメント対応ハンドラー内に配置する必要があります。アニメーションはページで実行されず、アンカーはページの下部にあり、ドキュメントの準備ができていないコードはページの上部にあります。

jQuery(document).ready(function(){
    jQuery('a[href=#top]').click(function(){
        jQuery('html, body').animate({scrollTop:0}, 'slow');
        return false;
    });
})
于 2012-12-16T10:53:22.893 に答える