javascript - トップに戻るアニメーションが機能しない

Question

午後

問題：アニメーションで上にスクロールする代わりに、「上に戻る」ボタン（下にスクロールした後の右下隅）が右にジャンプします。

例はhttp://www.pixsters.beで見つけることができます

私のhtml：

<a href="#top" id="homebacktothetop"><span>backtothetop</span></a>

私のjs（jquery）：

            // scroll to 0 when clicked
            $('#homebacktothetop').click(function () {
                $('body,html').animate({
                    scrollTop: 0
                }, 800);
                return false;
            });
        });

score 2 · Accepted Answer

'body,html'に変更window

$('#homebacktothetop').click(function (e) {
    $(window).animate({
         scrollTop: 0
     }, 800);
     e.preventDefault();
});

score 0 · Accepted Answer

タイプミス：あなたは電話しようとします

function gotoByScroll(id)
{
     $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}

と

$("#homebacktothetop").click(function(){goToByScroll("#container");});

Uncaught ReferenceErrorが発生します：goToByScrollはコンソールで定義されておらず、javascriptでは大文字と小文字が区別されます

score 0 · Accepted Answer

これは暗闇の中での完全なショットですが、returnステートメントを削除してみましたか？私は同様の投稿、jquery animate、scroll top top slowを見ていましたが、同じスクリプトが機能しましたが、returnステートメントがありません。

まったく別のトピックで、ページに次のJavascriptエラーが発生します。ここに画像の説明を入力してください

それを調べたいかもしれませんが、そこにあなたの問題があるようです。幸運を！

score 0 · Accepted Answer

これは私のために働きます：

         $(document).ready(function(){
              $("#GoToTop").click(function()
              {
                 $("html, body").animate({ scrollTop: 0 }, 500);
                return false;
              });
            });

score 0 · Accepted Answer

WebDesignerWallからコードを取得したように見えます。あなたのコードで、32行目で#homebacktothetopのクリックイベントを新しい関数で上書きしていることに気づきました。

javascript - トップに戻るアニメーションが機能しない

5 に答える 5

Related

Reference