Gets the distance from the top of the page when the HTML page scrolls 2 ways to implement _javascript techniques

Method One: DOM

Copy Code code as follows:

<script>
Window.onscroll = function () {
Console.info (window.scrolly);
}
</script>

Register the Onscroll event and print the current page distance (in pixels px) from the top of the page at the console (press F12)

Method Two: JQuery

Copy Code code as follows:

$ (function () {
$ (window). Scroll (function () {
Console.info ($ (window). scrolltop ());
});
});

Invokes the scroll method of the Window object to register the scrolling event, calling the Window object's ScrollTop method, meaning the same scrolly property.