jQuery slideToggle和定位bug

Question

以下网址正常。取消注释jQuery以查看问题。 http://codepen.io/anon/pen/Iikuv

当您取消注释jQuery时，您会看到幻灯片效果并非“平滑”，因为我在绝对和相对定位之间来回切换。

切换评论此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;
}

例如。