HTMLページがスクロールされたときにページの上部からの距離を取得する2つの方法_javascriptスキル

方法 1: DOM

コードをコピー コードは次のとおりです:

< スクリプト>
window.onscroll = function() {
console.info(window.scrollY)

onscroll イベント、コンソール (F12 キーを押す) で、現在のページとページの先頭の間の距離 (単位: ピクセル px) を出力します。


方法 2: jQuery

コードをコピー コードは次のとおりです:

$(function() {
$(window). scroll(function() {
console.info($(window).scrollTop());
})
});

のスクロールメソッドを呼び出します。 windowオブジェクトにスクロールイベントを登録し、windowオブジェクトのscrollTopメソッドを呼び出します。意味はscrollY属性と同じです。