Question

此处论坛的新用户，希望有人可以帮助我。

尝试制作一个固定标题时出现一些问题，一旦用户滚动到某一点，就会在应用于它的类中淡出。

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

$(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并淡入其中。用户向上滚动我希望它删除“粘性”类，并在第一次加载网站时显示导航。标题不应该被隐藏。

对此的任何帮助将非常感谢。谢谢你们。

Answer 1

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

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

fadeOut隐藏元素（.header-container），将其淡化为透明，并添加attribute style display:none属性。

要解决此问题，请尝试：

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

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

的网站

在滚动点jquery之后，在固定标题上添加了淡入淡出

1 个答案: