HTML页面滚动时获取离页面顶部的距离2种实现方法
更新时间：2013年09月05日 17:52:27 作者：
获取离滚动页面的顶部距离有两种方法一是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属性。
复制代码 代码如下:
<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属性。
相关文章
将json字符串转换为json对象的方法。在数据传输过程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键2013-11-11
prettify是Google提供的一款源代码语法高亮着色器，它提供一种简单的形式来着色HTML页面上的程序代码，最值得亮点的地方是不需要指明代码的语言类型，它会自动进行判断。2010-12-12
这篇文章主要介绍了bootstrap表单按回车会自动刷新页面的问题及解决办法，非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
这个可以增加用户验证，不用js alert来作提示，而是在右边提示，现在很多网站都这样做，有需要的朋友可以参考一下2013-08-08
js二级地域选择的实现方法，需要的朋友可以参考一下2013-06-06
JavaScript必知必会(三) String .的方法来自何方
这篇文章主要介绍了JavaScript必知必会(三) String .的方法来自何方的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-06-06
大家在逛购物商城的时候不知道有没有注意到商城首页上面都会有各种轮播广告，效果非常好，下面小编给大家整理特此分享给大家学习2016-02-02
这篇文章主要介绍了JavaScript中的标签语句用法,实例分析了标签语句的功能、定义及相关使用技巧,需要的朋友可以参考下2015-02-02
大家都喜欢用innerHTML添加内容，但是innerHTML这东西在两大阵营中有许多不同。2010-02-02
这篇文章主要介绍了在HTML中使用JavaScript的两种方法，帮助大家更好的理解和制作网页，感兴趣的朋友可以了解下2020-12-12
最新评论