jquery - 在 jquery 中定位悬停元素

Question

我知道这可能会导致灾难，但我想在滚动 150 像素后更改 css:hover 元素。我已经在使用 jQuery 来执行此操作，但我不知道如何定位悬停元素。有什么解决办法吗？

我的代码:

$(window).scroll(function() {
   if ( $(window).scrollTop() > 150 ) {
      $('#menu li ul li:hover').css('background', 'rgba(0,0,0,1)';
   } else {
      $('#menu li ul li:hover').css('background', 'rgba(255,255,255,0.3)');
   }
});

Answer 1

你对自己太苛刻了。对于样式，请使用类。

$(window).on('scroll', function() {
    $('#menu').toggleClass('special', $(window).scrollTop() > 10);
});

现在，当用户滚动至少 10 个像素时，special 类将应用于 #menu。该类可用于样式化:

#menu.special li ul li {
    background-color: rgba(255, 255, 255, 0.3);
}

#menu.special li ul li:hover {
    background-color: rgba(0, 0, 0, 1);
}