jquery 将一个类添加到滚动上的两个元素但具有不同的属性

我的滚动功能起作用了，它添加了类 .scroll 但在我的 CSS 中我有这个:

.scroll #directory-search{
position: fixed !important;
top: 0 !important;
left: 0 !important;
z-index: 10;
width: 100%;
}

和

.scroll #main{
padding-top: 70px;
}

1# 使菜单栏保持固定，因此它会滚动并在特定点停留在顶部。

2# 给内容一个填充，因为它因为菜单栏而错过了 70 像素。

这是我的 jQuery:

/*sticky menu bar*/
var pos;
var amount;
    var elem = $('#directory-search').first();
    pos = $(elem).offset().top;


function scroll() {
    if ($(window).scrollTop() > pos) {
        $('#directory-search, #main').addClass('scroll');
    } else {
        $('#directory-search, #main').removeClass('scroll');
    }
};



$(window).scroll(scroll);
var scroll = function (section) {

};

它工作正常。它将类 .scroll 添加到 #main 和 #directory-search。

但我真正想要的是将 CSS 类 .scroll #directory-search 添加到 #directory-search CSS 类 .scroll #main 将添加到 #main。

我之前有另一个脚本。它确实有效，但他们希望我缩短代码，他们说你必须这样做，但我无法让它工作。

最佳答案

只需删除 css 中类之间的空格即可。