文章/答案/技术大牛

发布

社区首页 >问答首页 >当滚动条移动或菜单项被单击时，如何更改标题颜色？

问当滚动条移动或菜单项被单击时，如何更改标题颜色？
EN

Stack Overflow用户

提问于 2014-03-03 06:42:32

回答 3查看 138关注 0票数 0

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

如何用Jquery来做这件事呢？我见过这样做的网站，虽然我找不到一个例子。有人能帮我吗？

html

css

jquery

回答 3

Stack Overflow用户

发布于 2014-03-03 06:57:57

您可以使用jquery滚动功能和一些css3转换来实现这一点(如果您希望颜色淡入)

$(window).scroll(function(){
  if($(window).scrollTop() > 0){
    $(".header").addClass("scroll");  
  }else{
    $(".header").removeClass("scroll");  
  };
});

JSFIDDLE

票数 1

Stack Overflow用户

发布于 2014-03-03 07:01:23

你有什么例子吗？你能小提琴吗？

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

$(function() {                  
  $(".content").click(function() { 
    $(this).addClass("active");   
  });
});

已更新的-当您选择另一个类时，这将删除该类。希望它能帮上忙？如果我错过了，很抱歉:)

$(function() {
  $(".content").click(function() {
    $(this).addClass("active"); 
    $(".content.active").removeClass("active");
    $(this).addClass("active");
  });
});

新-

票数 0

Stack Overflow用户

发布于 2014-03-03 07:13:47

根据您的用例和您正在寻找的特性类型，一个很棒的jQuery插件是Waypoints：http://imakewebthings.com/jquery-waypoints/

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/22134667

复制

相似问题

问当滚动条移动或菜单项被单击时，如何更改标题颜色？
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当滚动条移动或菜单项被单击时，如何更改标题颜色？EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当滚动条移动或菜单项被单击时，如何更改标题颜色？
EN