0

新来的论坛，希望有人可以帮助我。

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

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

$(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 并淡入。当用户向上滚动我希望它删除“粘性”类并让导航显示为首次加载网站时的样子。标题根本不应该被隐藏。

对此的任何帮助将不胜感激。多谢你们。

4

1 回答 1

0

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

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

通过将element ( ) 淡化为透明来fadeOut 隐藏它，并添加一个with属性。.header-containerattribute styledisplay:none

要解决此问题，请尝试： 

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

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

于 2013-02-12T05:23:36.147 回答