.addClass - Как вызвать CSS из связанных CSS?

Question

.addClass - Как вызвать CSS из связанных CSS?

0

У меня есть этот кусок кода, и у меня есть простой вопрос.

$(window).scroll(function() {
var y_scroll_pos = window.pageYOffset;
var scroll_pos_test = 150;             // set to whatever you want it to be

if(y_scroll_pos > scroll_pos_test) {
    $( "#cssmenu" ).addClass("extend");
} else if(y_scroll_pos < scroll_pos_test) {
    $( "#cssmenu" ).addClass("contract");
}
});

Я связал файл CSS (через href= "css/style.css"), и я хотел бы использовать .extend и .contract из такого файла.

Это возможно?

Спасибо.

George Edward Portillo 21 сен. 2013, в 00:56

Источник

Теги:

jquery

css

3 ответа

2

Небольшая коррекция

$(window).scroll(function () {
    var y_scroll_pos = window.pageYOffset;
    var scroll_pos_test = 150;             // set to whatever you want it to be

    if (y_scroll_pos > scroll_pos_test) {
        $("#cssmenu").addClass("extend");
        $("#cssmenu").removeClass("contract");
    } else if (y_scroll_pos < scroll_pos_test) {
        $("#cssmenu").addClass("contract");
        $("#cssmenu").removeClass("extend");
    }
});

Nikita Silverstruk 20 сен. 2013, в 21:34

0

Это работает лучше. Спасибо.
George Edward Portillo 20 сен. 2013, в 23:10

1

Да, конечно. addClass - это просто метод jquery для добавления класса = '' в любой элемент dom. Он не создает сам класс.

Shalom Aptekar 20 сен. 2013, в 20:51

Ещё вопросы

chopper · Accepted Answer · 2013-09-20T21-55-00.000Z

Да. Просто включите CSS файл в свой HTML.

<head>
   <link rel="stylesheet" type="text/css" href="css/style.css">
</head>

Вам также необходимо вызвать .removeClass() чтобы удалить класс extend и contract при добавлении другого.

Смотрите это jsFiddle