Community Learn Tools Library Leisure

English

Home > Web Front-end > JS Tutorial > 2 ways to get the distance from the top of the page when the HTML page is scrolled_javascript skills

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

WBOY

Release： 2016-05-16 17:23:18

Original

1267 people have browsed it

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.

Related labels：

Page scrolling

source：php.cn

Previous article：JSON serialization and parsing native JS method and IE6 and chrome tests passed_javascript skills Next article：JavaScript determines password strength (self-written code)_javascript skills

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Latest Articles by Author