jquery - .addClass - 如何从链接的 CSS 调用 CSS?

标签 jquery css

我有这段代码,我有一个简单的问题。

$(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 来自这样的文件。

这可能吗?

谢谢。

最佳答案

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

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

添加另一个类时,您还需要调用 .removeClass() 来删除 extendcontract 类。

参见 this jsFiddle

关于jquery - .addClass - 如何从链接的 CSS 调用 CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18927032/

相关文章:

css - 仅使用 CSS 内容更改一个字符

css - 如何隐藏每个组的 Mediawiki 历史选项卡?

javascript - 在 JavaScript 中组合单引号和双引号

javascript - chrome 中点击是否也会触发鼠标移出

javascript - 自定义 Javascript 在 Chrome 中不起作用

javascript - 下拉 Div 不起作用

html - 无法降低嵌入的 div 元素边距

php - 将 php 转换为 jQuery for XML?

javascript - 添加和删​​除类以单击动态按钮

javascript - jquery 模糊在 "exiting"文本输入上不起作用,即使 "click"确实如此