javascript - Javascript アンカーターゲットの scrollTo top が機能しない

Question

情報

target を使用して CSS を変更します。つまり、動作を継続するにはターゲットの動作が必要です。preventDefaultオプションではないでしょうか？

問題

ページを一番上にジャンプさせるにwindow.scrollTo(0, 0);はうまくいくと思っていました。それは起こりませんでした。なぜだめですか？解決？

jsfiddle

jsfiddleで試すことができます。下にスクロールしてデモを表示します。パディングを追加しました。

HTML

<a href="#test">Test</a>
<div id="test">My content</div>

Javascript (jQuery)

$("a").on("click", function(e){
    window.scrollTo(0, 0);
});

CSS

div {
    background: green;
}
#test:target {
    background: red;
}

a {
    padding-top: 1900px;
    display: block;
}

score 1 · Accepted Answer

.preventDefault()クリックのデフォルトアクション (ナビゲーション) をキャンセルするには、ここでメソッドを使用する必要があります。

$("a").on("click", function (e) {
    e.preventDefault();
    window.scrollTo(0, 0);
});

アップデート

$("a").on("click", function (e) {
    e.preventDefault();
    $('#test').css('background-color', 'red')
    window.scrollTo(0, 0);
});

javascript - Javascript アンカー ターゲットの scrollTo top が機能しない