gpt4 book ai didi

javascript - 如何确定滚动浏览器窗口底部是否已到达 DIV 顶部?

转载 作者:行者123 更新时间:2023-12-03 09:08:49 28 4
gpt4 key购买 nike

我正在尝试使用 jQuery/Javascript 解决这个问题:

当浏览器向下滚动且窗口底部到达页脚 DIV 顶部时,执行 CSS 代码更改。

问题示例: https://elodywedding.com/blog(确保您的浏览器窗口适合移动设备大小。)

如果您以较小的分辨率向下滚动到页脚,页脚会静态 float 并位于“标签”DIV 上方。我需要将位置设置回绝对位置。

有什么想法如何检测滚动何时导致窗口到达页脚 DIV 的顶部吗?

最佳答案

类似这样的东西似乎有效:https://jsfiddle.net/zk49cuy7/

<style type="text/css">
#body {
height:1500px;
background-color:red;
}
#footer {
height:200px;
background-color:blue;
}
</style>

<div id="body"></div>
<div id="footer"></div>

jQuery(function($){
$(window).bind('scroll', function(e){
if($(window).scrollTop() + window.innerHeight >= $('#footer').offset().top)
{
console.log('BOTTOM');
}
else
{
console.log('NOT BOTTOM');
}
});
});

绑定(bind)窗口滚动并检查滚动顶部+窗口高度是否大于页脚顶部偏移量。

关于javascript - 如何确定滚动浏览器窗口底部是否已到达 DIV 顶部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32138465/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com