jquery将一个类添加到scroll上的两个元素中,但属性不同
我的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
,但在我的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