[HTML] 页面滚动时,获取离页面顶部的距离
2013-09-05 12:27
337 查看
方法一: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属性。
相关文章推荐
- HTML页面滚动时获取离页面顶部的距离2种实现方法
- HTML页面滚动时获取离页面顶部的距离2种实现方法
- js获取元素的滚动高度,和距离顶部的高度
- 动态获取滚动条位置,距离页面顶部距离scrollTop,两种方法任你选,封装完毕,拿去不谢!!!
- js,html 监听页面滚动高度 点击返回顶部
- 兼容的获取页面滚动出去的距离笔记
- 返回顶部,js,css,页面离开顶部一定距离后出现返回顶部,点击后滚动回顶部,支持IE,FF,chrome ,safari,opera[摘自布布分享,tech.bubufx.com]
- js获取元素的滚动高度,和距离顶部的高度
- 关于获取到页面顶部的距离的兼容问题
- 移动端获取页面滚动条距离顶部的距离,以及拖动惯性问题
- javaScript中getBoundingClientRect获取div盒子到页面浏览器顶部的距离
- jquery获取元素到页面顶部距离
- JS实现部分HTML固定页面顶部随屏滚动效果
- JS实现部分HTML固定页面顶部随屏滚动效果
- javascript和Jq获取和设置页面元素到顶部、左部距离、宽高元素卷入部分(scroll、scrollTop、scrollLeft、offset、offsetTop、offsetLeft)
- 如何获得当前屏幕顶端距离整个页面最上端的距离(即js获取浏览器滚动条距离顶端的距离)
- 获取Javascript 滚动条距离顶部的距离(兼容IE6+,火狐,谷歌,其它没测)
- 获取浏览器顶部距离,可见距离,屏幕宽度,滚动条保持状态,滚动条距离顶部,底部的距离,屏幕分辨率等
- js获取浏览器滚动条距离顶端的距离
- 让HTML和JSP页面不缓存从Web服务器上重新获取页面