HTML页面滚动时获取离页面顶部的距离2种实现方法

ttx9n

获取离滚动页面的顶部距离有两种方法一是DOM；而是jquery，具体的实现如下，感兴趣的朋友可以尝试操作下 方法一：DOM
复制代码 代码如下:
<script>
window.onscroll = function() {
console.info(window.scrollY);
}
</script>

注册onscroll事件，在控制台（按F12）打印当前页面距离页面顶部的距离（单位：像素px)

方法二：jQuery
复制代码 代码如下:
$(function() {
$(window).scroll(function() {
console.info($(window).scrollTop());
});
});

调用window对象的scroll方法注册滚动事件，调用window对象的scrollTop方法，意义同scrollY属性。

mkonji

66666666666666666666

0608fv3

好人好人好人好人

sykzus

很好，谢谢分享

i3x3r3

问问问企鹅哇哇哇哇哇

0y3yp

天天源码社区。。。。

btbhs8t

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

4k0mp7m

。。。。。。。。。。。。。。。

leidie123a

刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷

lsc54

源码源码源码源码源码源码源码源码源码源码源码源码源码