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; 
} 

例如。