jquery获取当前窗口位置,当前页面滚动距离,当前元素绝对位置,如果页面滚动到某位置

本文介绍了如何使用jQuery实现页面滚动监听,通过获取滚动条的垂直位置和窗口大小,判断特定元素的位置,从而控制面板元素的显示与隐藏。涉及jQuery的选择器、offset()方法和条件判断逻辑。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

// 滚动条的垂直位置。
var windowScrollTop = $(window).scrollTop();
// 窗口大小高度
var documentHeight = $(document).height();

 

// 元素位置
var childModuleHeight = $('.childModule').offset().top;
offset() 包含 :top 和 left;

设置所有匹配元素的偏移坐标。

$(selector).offset(value)
规定以像素计的 top 和 left 坐标。

可能的值:

值对,比如 {top:100,left:0}
带有 top 和 left 属性的对象
// 如果页面滚动到某位置
if (windowScrollTop >= childModuleHeight) {
    $('#panelDiv').show();
}else {
    $('#panelDiv').hide();
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值