2 ways to get the distance from the top of the page when the HTML page is scrolled_javascript skills

Method 1: DOM

Copy code The code is as follows:

< script>
window.onscroll = function() {
console.info(window.scrollY);
}

Register onscroll event, In the console (press F12) print the distance between the current page and the top of the page (unit: pixel px)

Method 2: jQuery

Copy code The code is as follows:

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

Call the scroll method of the window object to register scrolling events, and call the scrollTop method of the window object. The meaning is the same as scrollY attribute.