我有这段代码,我有一个简单的问题。
$(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()
来删除 extend
和 contract
类。
参见 this jsFiddle
我是一名优秀的程序员,十分优秀!