我正在努力寻找如何检测固定位置的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)
在此先感谢您的帮助。