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

时间:2013-09-05    点击:94   
方法一: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属性。
jquery中prop()方法和attr()方法的区别浅析
CheckBoxList多选样式jquery、C#获取选择项
jquery阻止冒泡事件使用模拟事件
JS远程获取网页源代码实例
JSON序列化与解析原生JS方法且IE6和chrome测试通过
> 返回     
地址:上海市普陀区胶州路941号长久商务中心 电话: QQ:
© Copyright 2012 上海网络 Product All Rights Reserved