Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 当滚动条移动或单击菜单项时,如何更改标题颜色?_Jquery_Html_Css - Fatal编程技术网

Jquery 当滚动条移动或单击菜单项时,如何更改标题颜色?

Jquery 当滚动条移动或单击菜单项时,如何更改标题颜色?,jquery,html,css,Jquery,Html,Css,我正在一个单页网站上工作,我已经在使用scroll spy来允许我的网页在单击菜单项时直接滚动到div ID。我希望这一步更进一步,实际上改变标题的颜色。标题现在是一种透明颜色,所以我想在滚动条移动或单击菜单项时将其更改为纯色,然后在页面顶部将其更改回原色 如何使用Jquery实现这一点?虽然我找不到一个例子,但我已经看到一些网站这样做了。有人能帮我吗?您可以通过jquery滚动功能和一些css3转换来完成这一点(如果您希望颜色淡入) 你有什么例子吗?你能把它摆弄一下吗 -像这样的东西可能就是你

我正在一个单页网站上工作,我已经在使用scroll spy来允许我的网页在单击菜单项时直接滚动到div ID。我希望这一步更进一步,实际上改变标题的颜色。标题现在是一种透明颜色,所以我想在滚动条移动或单击菜单项时将其更改为纯色,然后在页面顶部将其更改回原色


如何使用Jquery实现这一点?虽然我找不到一个例子,但我已经看到一些网站这样做了。有人能帮我吗?

您可以通过jquery滚动功能和一些css3转换来完成这一点(如果您希望颜色淡入)


你有什么例子吗?你能把它摆弄一下吗

-像这样的东西可能就是你想要的。如果是的话,很简单

$(function() {                  
  $(".content").click(function() { 
    $(this).addClass("active");   
  });
});
已更新-这将在您选择其他类时删除该类。希望有帮助?如果我不见了,很抱歉:)


新建-

根据您的使用案例和您正在寻找的功能类型,一个优秀的jQuery插件是Waypoints:

您能展示一个示例站点吗?$(“.thing”).on(“click”,function(){//stuff});
$(function() {                  
  $(".content").click(function() { 
    $(this).addClass("active");   
  });
});
$(function() {
  $(".content").click(function() {
    $(this).addClass("active"); 
    $(".content.active").removeClass("active");
    $(this).addClass("active");
  });
});