[解決済み] jQuery scrollTop()メソッドが動作しない

2022-02-07 09:32:29

質問

私は以下のようなjQueryのコードを持っています。

$(document).ready(function () {
    $('.navtoTop').click(function(){
           $("html").scrollTop( $("#topofthePage").offset().top );
    }); 
});

ここで、'navtoTop' はページの左下に固定配置されるボタン (例えば 'Back to top') のクラスで、'topofthePage' は <div> を、ページの一番上に表示します。

こんなこともやってみた

$('.navtoTop').click(function(){
    $('html, body').animate({scrollTop : 0},800);
    return false;
});

以下はHTMLコードです。

<body>
    <div id="topofthePage"></div>
    ...
    ...
    <img src="navtoTop.png" class="navtoTop">   
</body>

何が悪いのか分かりませんが、これはうまくいきません。誰かが説明し、良い解決策を与えてくれるでしょうか？

必要であれば、コードの詳細を私に尋ねてください。

を使用する必要があります。 window の代わりに html :

$(window).scrollTop( $("#topofthePage").offset().top );

なお window タグではなくオブジェクトなので、引用符で囲むべきではありません。