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

187 阅读 0 评论 124 点赞

我是靠谱客的博主开放镜子，最近开发中收集的这篇文章主要介绍HTML页面滚动时获取离页面顶部的距离2种实现方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

方法一：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属性。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。