如何修改此JS代码以在向上/向下滚动时添加/删除多个类

时间:2013-12-30 19:54:54

标签: javascript jquery

我使用下面的代码在向下滚动时更改标题的高度,效果很好。唯一的问题是我希望有可能删除并添加多个类。可能吗?我怎么能实现这一目标? 非常感谢,

<script>
$(function() {
    var header = $(".header");
    $(window).scroll(function() {    
        var scroll = $(window).scrollTop();

        if (scroll >= 5) {
            header.removeClass('bigheight').addClass("shortheight");
        } else {
            header.removeClass("shortheight").addClass('bigheight');
        }
    });
});
</script>

1 个答案:

答案 0 :(得分:3)

您可以通过用空格分隔来添加/删除多个类:

header.addClass("shortheight class2");
header.removeClass("shortheight class2");

http://api.jquery.com/addClass/

http://api.jquery.com/removeClass/