用fadeIn/fadeOut代替.animate（）

對於jQuery相對來說比較新，而且有一點問題。以前我用.animate來動畫我的菜單，當我向下滾動時，但我必須將其更改爲fadeIn和fadeOut。這裏是我的代碼：用fadeIn/fadeOut代替.animate（）

if($(this).scrollTop() > 100) { 
bar.stop().animate({'top' : '0px'}, 1250); 
} else { 
bar.stop().animate({'top' : top}, 1250); 
}

來源

2013-02-11 user2060549

也向我們展示您的html代碼.. – bipen 2013-02-11 07:44:36

您是否使用動畫來隱藏某些元素？ – Musa 2013-02-11 07:47:15

當用戶向下滾動頁面時，一個條帶在頂層菜單下滑動，之前我爲該條帶動畫，但現在我必須淡入/淡出。 – user2060549 2013-02-11 10:31:13

你只需要調用fadeIn/fadeOut你的元素

bar.fadeOut('slow');

或

bar.fadeIn('slow');

你也可以附加一個回調函數。欲瞭解更多信息，請參閱：

http://api.jquery.com/fadeIn/

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

來源

2013-02-11 07:48:22 JohnJohnGa

謝謝約翰的幫助。還有一個與此相關的問題，我如何設置淡入淡出的頂部位置，就像我在.animate中一樣（{'top'：'0px'}，1250）; – user2060549 2013-02-12 05:29:12

if($(this).scrollTop() > 100) { 
    bar.stop().fadeOut(); 
} else { 
    bar.stop().fadeIn(); 
}

以供將來參考請到這裏： http://api.jquery.com/fadeOut/

人是當你提供展示你做某種研究聯繫更加快樂。無論如何，歡呼聲。

來源

2013-02-11 07:49:54 Klik

if($(this).scrollTop() > 100) { 
bar.stop().fadeOut(function() { $(this).animate({'top' : '0px'}, 1250); }, "slow"); 
} else { 
bar.stop().fadeIn(function() { $(this).animate({'top' : '0px'}, 1250); }, "slow"); 
}

你的問題含糊不清。但是你可以使用任何適合你的答案代碼。另請參閱文檔，因爲他們在那裏有示例。

來源

2013-02-11 07:51:09

用fadeIn/fadeOut代替.animate（）

回答

相關問題