jquery将一个类添加到scroll上的两个元素中,但属性不同

jquery将一个类添加到scroll上的两个元素中,但属性不同,jquery,css,Jquery,Css,我的scroll函数可以工作,它添加了类。scroll,但在我的CSS中,我有以下内容: .scroll #directory-search{ position: fixed !important; top: 0 !important; left: 0 !important; z-index: 10; width: 100%; } 及 1#使菜单栏保持固定状态,以便在某一点上滚动并保持在顶部 2#为内容添加了一个填充,因为它由于菜单栏而错过了70像素 以下是我的jQuery: /*sticky

我的scroll函数可以工作,它添加了类
。scroll
,但在我的CSS中,我有以下内容:

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

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#目录搜索
将添加到
#目录搜索
CSS类
.scroll#main
将添加到
#main


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

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

.scroll#directory-search


你的代码是什么???这是我的缩写代码:)我认为这是我的css,因为它将类scroll添加到#目录搜索和#main中,但它找不到css代码,因为我在css中创建了一个刚刚调用的类。scroll{并在此处添加代码}它确实有效,但比#main和#目录搜索获得相同的属性。我想你正在尝试这个:
$(“#目录搜索,#main”).parent().addClass('scroll');
Mr#green不,我希望它被添加到两个元素中,而不是父元素中。@Rikato这是因为该元素中有类。使用空格,您的目标是嵌套的div。清除???
.scroll#directory-search
.scroll#main