如何确定滚动后,浏览器窗口的底部是否已达到DIV的顶部
How to determine if after scrolling the bottom of browser window has reached top of DIV?
我正在尝试用jQuery/Javascript解决这个问题:
当浏览器向下滚动并且窗口底部到达页脚DIV的顶部时,操作CSS代码更改。
问题示例:https://elodywedding.com/blog(确保你的浏览器窗口是移动尺寸的。)
如果你在一个较小的分辨率下滚动到页脚,页脚静态浮动,位于"tags" 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');
}
});
});
绑定到窗口滚动并检查滚动顶部+窗口高度是否大于页脚的偏移顶部
相关文章:
- 访问布局信息是否也会导致浏览器重排
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 如何检测是否有溢出
- jQuery中是否内置了任何字符串格式化函数
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- 测试索引值是否等于某个数字的倍数
- Fancybox是否将Click事件静音
- 在 JavaScript 中是否有可能在指定点获取一个元素,如果它不在顶部但实际上可见
- 在搜索下拉列表时,是否可以将结果放在顶部
- Waypoints JS底部在视图中,是否有顶部在视图中
- 如何检查用户是否在HTML页面的顶部
- 检查页面是否在窗口的顶部
- 如何检测页面是否位于顶部?
- 是否有可能在流图的顶部放置一些东西?
- 如何确定滚动后,浏览器窗口的底部是否已达到DIV的顶部
- React native确定用户是否在屏幕顶部
- 如何检测浏览器选项卡是否聚焦并位于顶部
- Google App Script API 是否能够获取用户在文档中的当前滚动顶部位置?
- 是否有一种简单的方法来知道如果一个随机定位的对象将最终在其他对象的顶部,并触发碰撞在物理
- 是否有可能只在移动设备上提供顶部导航?