閃爍的DIV幻燈片

我有一個用於切換DIV此代碼段（幻燈片上/下）：閃爍的DIV幻燈片

$('.menu').click(function() { 
       var $clicked = $(this) 
          $('.menu').each(function() { 
           var $menu = $(this); 
           if (!$menu.is($clicked)) { 
            $($menu.attr('data-item')).slideUp('slow'); 
           } 
       }); 
       $($clicked.attr('data-item')).slideToggle('slow'); 
});

jQuery是包含在它之前，

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

但是，一旦DIV滑下來，一些奇怪的flickr顯示（div滑落比它應該更多，它閃爍，然後它的高度變得像它應該）。謝謝，如果我不正確地解釋這一點。

控制檯不顯示任何錯誤。任何建議都會有很大幫助！

P.S的jsfiddle https://jsfiddle.net/yz93a7h2/1/

來源

2015-10-28 This and that

請張貼它不是說，我試着用CSS打爲好。菜單 – ggzone

所有的CSS屬性。即使我將所有樣式的菜單完全剝離，也會出現同樣的情況，菜單比應該滑動的更多，閃爍，然後高度調整。任何機會我附上的代碼是錯誤的？ –

也沒有它的一個已知問題。只是想確保你的CSS沒有位置，溢出或高度問題。你有沒有嘗試過一個更新的jQuery版本？也許他們在更高版本中修復它。你的看起來很老，我猜。如果不能改變它。使用jquery.animate併爲高度設置動畫。 – ggzone

它與<h1>標籤的默認填充做。你需要刪除填充來解決這個問題。

下面是我添加的CSS：

h1 { 
    margin: 0; 
}

jsFiddle

來源

2015-10-28 21:47:30

這是我在開始時嘗試的，但它不是CSS。即使我從菜單中刪除所有樣式，閃爍仍然發生 –

您是否看到我的jsFiddle中的閃爍？ @Thisandthat –

我不知道我以前寫過，如果我包括最新版本的jQuery，這個工作正常（但網站上的其他一些事情停止工作），所以我懷疑這是CSS問題 –

閃爍的DIV幻燈片

回答

相關問題