小编Mat*_*aud的帖子

检测固定位置的div何时越过另一个元素

我正在努力寻找如何检测固定位置的div何时开始和结束以在滚动时将鼠标悬停在某个div上。

我的div始终固定在窗口的中心位置。当我滚动页面时,我希望固定div在开始悬停时会更改另一个颜色,并在完成悬停后将其删除。我附上了一个小图来说明我的问题。恢复:

页面加载时固定的div具有黑色->开始悬停第二个div,颜色变为白色->完成以悬停第二个div,颜色恢复为黑色。

我发现了这个问题:检测职位:固定;元素越过另一个元素

当div开始越过第二个时,它会起作用,但是当悬停完成时,它不会重置颜色。我的代码:

$(window).scroll(function() {
  if ($('div.fixed').offset().top < ($(".div-to-cross").offset().top - 0)) {
    $('div.fixed').removeClass('white');
  } else {
    $('div.fixed').addClass('white');
  }
});
Run Code Online (Sandbox Code Playgroud)

在此先感谢您的帮助。

看图

html jquery element fixed detect

0
推荐指数
1
解决办法
3850
查看次数

标签 统计

detect ×1

element ×1

fixed ×1

html ×1

jquery ×1