jquery - bootstrap 4 chrome 动画滞后 Accordion

Question

正如标题所说， Accordion 的动画在使用时非常滞后。不会在 Edge 或 Firefox 上持续存在，甚至 Android 三星浏览器似乎也能很好地处理它。但在 Chrome 中它非常滞后。

显示我的个人代码没有意义，因为我确实尝试过简单地复制粘贴来自 Accordion Example on Bootstrap 4 docs 的代码。而且效果一样差。

出于某些奇怪的原因，没有使用 Accordion ，而是使用这个 multiple-targets code from the example工作正常。

编辑:在提交之前，决定在我网站的另一部分摆弄，结果发现当它向下移动页面时，Chrome 中的动画非常滞后(当显示新内容时页面向下移动)。在不向下移动的情况下，当我将 Chrome 标签调整为原始大小的 25% 时，它可以完美运行。有什么办法可以解决这个问题？

Answer 1

如果我错了请纠正我，但是 js 动画和 css 动画之间存在巨大差距。由于 bootstrap 使用 js 动画，因此它会慢很多且滞后。所以如果你打算使用 Bootstrap 和它的动画，你会在性能上受到更多的影响。同时，你可以使用其他支持动画的js库，如GSAP(GreenSock Animation Platform)等。或者，你可以使用CSS动画，因为它是动画方面最受好评的解决方案。