javascript - jquery 使用滚动删除类类型

Question

我对 jQuery 有疑问。我希望当您在网站上滚动时标题会发生变化。但我的问题是我无法多次更改 header 。

我有一个开始，它有效。但现在我希望如果滚动小于 304 像素，那么不透明度就会消失。

这是我的代码

$(function() {
var header = $(".clearHeader");
$(window).scroll(function() {    
    var scroll = $(window).scrollTop();

    if (scroll >= 170 && scroll <= 305) {
        header.removeClass('clearHeader extraHeader').addClass('darkHeader');
    } 
    else if (scroll >= 305) {
        $('.aanvraag-button').css({"opacity":"1"});
    } 
    else {
        header.removeClass('darkHeader extraHeader').addClass('clearHeader');
    }
});
});

一切正常，但我希望如果您低于 304 像素，那么不透明就会消失。我确实尝试了多种方法，例如删除类或在“”(空)或“0”上设置不透明度，但这没有用。

希望大家能帮帮我。

Answer 1

如果我没理解错的话，应该这样做:

var button = $('.aanvraag-button');
$(window).scroll(function() {    
    var scroll = $(window).scrollTop(),

    if (scroll >= 305) {
        button.css({opacity: 1});
    } 
    else if (scroll <= 304) {
        button.css({opacity: 0});
    }

});

如果您也希望 header 发生某些事情，只需将其放在 $(window).scroll() 中即可。