2013-03-23 107 views
-1

下面的代码通过添加/删除一个类的名字改变了我的导航的方向。我怎样才能使它在褪色,出来的时候,方向会发生?这里是我的代码:添加淡入/淡出添加/删除

$(window).scroll(function() { 
    ($("#another-reason-to-attend").offset().top <= window.pageYOffset) ? $("#prim").addClass("horizontal") : $("#prim").removeClass("horizontal"); 
    ($("#another-reason-to-attend").offset().top <= window.pageYOffset) ? $("#logo").addClass("small") : $("#logo").removeClass("small"); 
}); 

编辑

我已经尝试添加.fadeIn和.fadeOut到线的上方,但它只是打破。

例子:

($("#another-reason-to-attend").offset().top <= window.pageYOffset) ? $("#prim").addClass.fadeIn("horizontal") : $("#prim").removeClass.fadeOut("horizontal"); 
+0

[你尝试过什么(http://whathaveyoutried.com) ? – Eric 2013-03-23 17:15:33

+0

@Eric查看更新后的问题 – egr103 2013-03-23 17:27:31

回答

0

不知道什么是你想淡入淡出和.. asuming这是你想要

试试这个

($("#another-reason-to-attend").offset().top <= window.pageYOffset) ? $("#prim").addClass("horizontal").hide().fadeIn() : $("#prim").removeClass("horizontal").fadeOut(); 
    ... 

因为淡入()只什么隐藏要素,隐藏它是第一个(如果不是隐藏)

+0

我想在#prim褪色,#logo – egr103 2013-03-23 17:27:13

+0

如果您要添加的课后想淡入..然后上面的回答应该工作.. – bipen 2013-03-23 17:31:19

+0

是它,而是因为其内的滚动功能,保持隐藏和显示的元素取决于您是否滚动 – egr103 2013-03-23 17:36:44

相关问题