滚动点jquery后固定标题上的fadeIn addClass答案

【问题标题】：fadeIn addClass on fixed header after scrollpoint jquery滚动点jquery后固定标题上的fadeIn addClass
【发布时间】：2013-02-12 04:33:23
【问题描述】：

刚到这里的论坛，希望有人可以帮助我。

在尝试使固定标题淡入一个类时遇到一点问题，一旦用户滚动超过某个点，就会应用到该类中。

这是我在下面使用的代码：

$(window).scroll(function(){
    if($(".header-container").offset().top>385){
       $(".header-container").fadeIn(200).addClass("sticky");
    }
    else{
       $(".header-container").fadeOut(200).removeClass("sticky");
   }
});

您可以在此处查看我正在尝试使用的页面：

http://v2.blue-square.com.au

您会注意到，当页面加载时，您可以在顶部查看徽标和导航。你开始滚动它的那一刻就消失了。我不希望这种情况发生。我希望 .header-container 留在原处并可见。一旦它到达页面上的滚动点，“粘性”类（基本上粘性包含背景图像，更改徽标并更改导航链接的颜色）被添加到 .header-container div 并淡入。当用户向上滚动我希望它删除“粘性”类并让导航显示为首次加载网站时的样子。标题根本不应该被隐藏。

对此的任何帮助将不胜感激。谢谢大家。

【问题讨论】：

标签： jquery scroll delay fadein offset

【解决方案1】：

在您的代码中，else 部分有问题，

else
{
    $(".header-container").fadeOut(200).removeClass("sticky");
}

fadeOut 通过将元素 (.header-container) 淡化为透明来隐藏它，并添加带有 display:none 属性的 attribute style。

要解决这个问题，试试：

else
{
    $(".header-container").removeClass("sticky");
}

参考网站fadeOuthttp://api.jquery.com/fadeOut/

【讨论】：

感谢@RohanKumar 在一定程度上起作用。我希望它在向标题容器添加和删除粘性类时平滑淡入淡出。目前它只是立即出现。只是想为网站添加一些不错的微妙效果。有没有可能？
@dayneh88 您可以为此使用jquery.animate。这是文档api.jquery.com/animate
感谢@RohanKumar，但对于如何为添加类设置动画仍然有点困惑。你能把一些代码给我试试吗？
尝试在您的else 部分中使用fadeTo 之类的$(".header-container").fadeTo('slow', 0.2,function() {$(this).removeClass('sticky');});。
不...我这辈子都无法让它发挥作用。我已经花了几个小时，但仍然无法弄清楚。你能把完整的代码写给我吗，也许这可能会奏效。非常感谢您继续努力帮助我。