jquery - jQuery slideToggle 和定位错误

Question

下面的 URL 工作正常。取消注释 jQuery 以查看问题。 http://codepen.io/anon/pen/Iukuv

当您取消注释 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;
}

例如。