JQuery的效果基本show和了slideDown不夠光滑

我實現幻燈片下拉，我使用此代碼JQuery的效果基本show和了slideDown不夠光滑

$(document).ready(function(){ 
    $('.drop').click(function(){ 
     var $next = $(this).parent().next('li.drop_down'); 
     if($next.is(':visible')) { 
      $next.slideUp(); 
     } else { 
      $next.slideDown(); 
     } 
    }); 
});

但客戶聲稱，它是不夠光滑。他想擴大真正的平滑，所以有辦法讓它更平滑嗎？

來源

2010-07-12 Trace

馬特 - 你應該表示感謝那些花時間去幫助你的人，並通過點擊答案旁邊的複選標記來「接受」有用的答案。 – user113716 2010-07-12 18:55:53

我沒有光滑的上下滑動，直到我給我的幻燈片的最小高度...因爲您沒有向我們展示CSS，如果您有最小高度，請嘗試一下。 – 2016-01-08 22:06:00

您可能想要合併easing plugin以獲得更流暢的動畫效果。

來源

2010-07-12 18:49:45 Sarfraz

我如何在我的情況下使用easing插件。我知道我必須添加源代碼，但是我是否更改了上拉菜單並解釋了它 – Trace 2010-07-12 18:58:05

你可以試試jQuery UI庫。事件（）類提供了一個幻燈片效果，你可以調整速度和其他演示相關的屬性

http://jqueryui.com/demos/effect/

來源

2010-07-12 18:50:36

您可以通過添加）了一批效果基本show /了slideDown內毫秒（的incrase動畫時長：

if($next.is(':visible')) { 
     $next.slideUp(2500); 
    } else { 
     $next.slideDown(2500); 
    }

這應該得到你需要的所有平滑度。

來源

2010-07-12 18:53:14 Rodrigo

如果你的動畫不流暢，你需要給元素上slidedUp/slidedDown以像素爲單位的寬度（不是百分比！），這對大多數時間都有幫助。

來源

2012-02-24 13:11:11 nerdess

我剛碰到你的問題，我有同樣的問題。對於男性來說，固定的是去除填充物。我不知道，但由於某種原因，它不被考慮爲元素的總高度。

來源

2013-04-30 02:21:24 Ando

JQuery的效果基本show和了slideDown不夠光滑

回答

相關問題