Question

只有当页面一直滚动到顶部时，我才会发生悬停效果。我尝试使用.css但它没有工作，所以我尝试使用addClass。仍然没有用。如果您需要查看我的完整代码，请告诉我，但除了html之外，这与它有关。

JQuery的

$(document).scroll(function() {
    if($(document).scrollTop() === 0) {
    $('header').css("background-color", "rgba(18, 79, 255, 1)");
    $('.gall').show();
    $('li').hover(function() {
        $(this).addClass("hovered");
    } function() {
        $(this).removeClass("hovered");
    });
} else {
    $('header').css("background-color", "rgba(18, 79, 255, .5)");
    $('.gall').hide();

}});

CSS

.hovered {
    text-decoration:none;
    text-shadow: 2px 2px 4px #AB5F1D,
                 2px 2px 2px #D67521,
                 3px 3px 2px #4A2A0F,
                 4px 4px 0px #000;
    color: #FF8B24;
    -webkit-text-stroke: .3px black;
}

Answer 1

我用

修复了它

$(document).scroll(function() {
    if($(document).scrollTop() === 0) {
    $('header').css("background-color", "rgba(18, 79, 255, 1)");
    $('.gall').show();

} else {
    $('header').css("background-color", "rgba(18, 79, 255, .5)");
    $('.gall').hide();
}});

$('li').hover(function() {
    if($(document).scrollTop() === 0) {
        $(this).toggleClass("hovered");
} else {
    $(this).toggleClass("scrolledHovered");
}});

Answer 2

您忘了，

请参阅jsFiddle https://jsfiddle.net/qco1duyL/1/

$('li').hover(function() {
        $(this).addClass("hovered");
    }, function() {
        $(this).removeClass("hovered");
    });

希望有所帮助

嵌套的addClass似乎无法正常工作

2 个答案: