HTML页面滚动时获取离页面顶部的距离2种实现方法
2013-09-05 00:00
453 查看
方法一:DOM
注册onscroll事件,在控制台(按F12)打印当前页面距离页面顶部的距离(单位:像素px)
方法二:jQuery
调用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] 页面滚动时,获取离页面顶部的距离
- 页面向下滚动ajax获取数据的实现方法(兼容手机)
- position:sticky介绍 页面滚动导航条始终在最顶部的实现方法
- springboot 整合 MongoDB 实现登录注册,html 页面获取后台参数的方法
- 动态获取滚动条位置,距离页面顶部距离scrollTop,两种方法任你选,封装完毕,拿去不谢!!!
- JS实现部分HTML固定页面顶部随屏滚动效果
- JS实现部分HTML固定页面顶部随屏滚动效果
- PHP实现网页内容html标签补全和过滤的方法小结【2种方法】
- jQuery实现页面滚动时顶部动态显示隐藏
- 用javascript实现html页面之间的参数传递的四种方法
- HTML实现页面自动跳转的五种方法
- 用JS实现页面滚动位置保持的方法
- js获取html页面节点方法(递归方式)
- php生成静态html页面的方法(2种方法)
- 利用js方法实现html静态页面间参数传递
- javascript实现html页面之间参数传递的四种方法实例分析
- CDHtmlDialog实现CHtmlView中的OnTitleChange来获取浏览的页面的标题的改变
- 两种方法实现在HTML页面加载完毕后运行某个js
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符