jQuery slideToggle和定位bug

Question

下面的URL工作正常。取消註釋jQuery以查看問題。 http://codepen.io/anon/pen/Iikuv

當您取消註釋jQuery時，您會看到幻燈片效果不是「平滑」的，因爲im在絕對和相對定位之間來回切換。

撥動評論這個jQuery

/* 
    //Uncomment for the bug 
    if(navIcon.hasClass('open')){ 
    navIcon.css('position', 'relative'); 
    }else{ 
    navIcon.css('position', 'absolute'); 
    } 
*/ 

任何解決方案？

Answer 1

我沒有看到你想要做什麼，所以請詳細描述你想要達到的目標。一個問題是，當您將位置設置爲絕對位置時，div.container將放棄其高度。你可以在設置中解決這個問題：

.container { 
    min-height: 40px; 
} 

例如。