Question

我的滚动功能可以添加类.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。

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

Answer 1

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

.scroll#directory-search

和

.scroll#main

jquery在滚动时向两个元素添加一个类，但具有不同的属性

1 个答案: