javascript - バニラ JavaScript での $(window).scroll

Question

プレーンな JS で次のものに相当するものは何ですか?

$(window).scroll(function() { });
また、スクロールをアニメーション化することも検討しています。

$('html, body').animate({scrollTop:1750}, 'slow');

を使用する必要がありrequestAnimationFrameますか?

連続レンダリングではなく、クリックで 1 回アニメーションをトリガーする例はありますか?

score 68 · Accepted Answer

質問1

window.onscroll = function() {
    console.log('scrolling');
};

または、対象のブラウザが次をサポートし addEventListenerている場合:

window.addEventListener('scroll', function() {
        console.log('scrolling');
});

私の意見では、ページのあるセクションから別のセクションにスクロールするだけで、一定のスクロール動作がない場合は、requestAnimationFrame を使用しなくても問題ありません。

純粋な JavaScript でウィンドウの特定の部分へのスクロールの適切な実装を見つけることができます。それらのソースを確認する (またはそれらを使用する) ことをお勧めします。