javascript - jQuery 在用户滚动出元素时查找

标签 javascript jquery css scroll

我有 2 个 div:

<div id="div1"></div>
<div id="div2"></div>

我想将 css({'position':'relative'}) 添加到 div2 只有当用户滚动页面并且 div1 在页面上不再可见时。当 div1 再次可见时,我想删除 css 规则。

谁能帮帮我?

最佳答案

你可以试试这段代码:

$(window).bind('scroll', function() {
if ($(document).scrollTop() >= $('#div1').offset().top - $(window).height()) {
    //Change css relative
}else{

}
});

您应该尝试一下,直到获得完美的结果。祝你好运

关于javascript - jQuery 在用户滚动出元素时查找,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8028657/

相关文章:

javascript - 在 select2 中重新加载数据

javascript - JQuery Overlay 在 Flowplayer 视频端不会自动关闭

javascript - 递归构建对象

jQuery - 将超时设置为 3 秒,然后运行函数

html - 无法让我想要的内容出现在我的 div 元素中

CSS 不支持嵌套选择器

javascript - Protractor - 如何选择重度嵌套的下拉元素?

asp.net - jsonp回调函数没有被调用

javascript - 旨在在菜单/导航上突出显示用户当前位置的 JS/Jquery 代码

html - 如何使用 HTML 和 CSS 使菜单在单击时向右滑动?