Javascript 引导折叠有一个跳跃的过渡

我对引导导航栏的转换有问题。 当塌陷元素具有填充时，塌陷具有跳跃过渡

我在谷歌上搜索了这个问题，似乎问题在于填充：

.menu-menu-container{
    padding: 100px 30px 60px 30px;
    background-color: yellow;
}

事实上，如果我从菜单容器元素中删除填充，动画效果会很好，而且非常平滑

这是我的密码笔>

如果没有这个奇怪的问题，我怎么能达到同样的结果

---

有任何帮助、建议或建议吗？

尝试在受影响的项目中添加CSS转换。这将使过渡减少跳跃，因为浏览器将在各种填充之间设置动画。您可以针对每个CSS可设置动画的属性设置自己的计时属性。您可以在此处看到所有各种可设置动画的属性：

//将希望使此选择器更有针对性/更有意义
* {
-webkit转换：所有0.3；
-moz转换：全部为0.3s；
-ms转换：均为0.3s；
-o-过渡：均为0.3s；
过渡：均为0.3秒；
}

之所以发生这种情况，是因为navbar折叠类的最大高度为340px，请使用下面的代码来处理它。

---

问题是由正在折叠的容器的填充引起的。它使collapse.js计算高度变得复杂

例如：

HTML

如果将填充物移动到内部容器中，此问题将得到解决：

HTML

//你的内容

如果内部容器有一些页边距上限或页边距下限值，则转换也会出现跳跃。Mattia，您是否愿意跟进此问题？我看到你有很多未解决的问题。废弃的柱子很难看。

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: none;
}

    <div class="collapsible-div padding-values">
      // YOUR CONTENT
    </div>

.padding-values{
   padding: 20px 40px 30px;
}

<div class="collapsible-div">
  <div class="new-container padding-values">
    // YOUR CONTENT
  </div>
</div>