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。

这可能吗？

谢谢你。

4

3 回答 3

3

是的。只需在您的 HTML 中包含 CSS 文件。

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

添加另一个类时，您还需要调用.removeClass()以删除extend和类。contract

看到这个 jsFiddle

于 2013-09-20T22:58:54.027 回答
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");
    }
});
于 2013-09-20T23:01:27.210 回答
1

是的，当然是。addClass 只是一个将 class='' 添加到任何 dom 元素的 jquery 方法。它不会创建类本身。

于 2013-09-20T23:00:00.043 回答