源码网商城，靠谱的源码在线交易网站我的订单购物车帮助

当前位置：首页 > 资讯 > 技术文档

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

时间：2020-10-02 10:43 编辑：来源：阅读：
扫一扫，手机访问

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

[b]方法一：DOM[/b]

[u]复制代码[/u] 代码如下:

<script>
window.onscroll = function() {
console.info(window.scrollY);
}
</script>

注册onscroll事件，在控制台（按F12）打印当前页面距离页面顶部的距离（单位：像素px) [b]方法二：jQuery[/b]

[u]复制代码[/u] 代码如下:

$(function() {
$(window).scroll(function() {
console.info($(window).scrollTop());
});
});

调用window对象的scroll方法注册滚动事件，调用window对象的scrollTop方法，意义同scrollY属性。

全部评论(0)

上一篇：JS链式调用的实现方法
下一篇：javascript的switch用法注意事项分析

资讯排行榜
更多>>

关于我们 | 广告合作 | 联系我们 | 隐私条款 | 免责声明 | 网站地图

苏ICP备2024110244号-2 苏公网安备32050702011978号增值电信业务经营许可证编号：苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部