jquery - bootstrap 4 chrome 动画滞后手风琴

Question

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

显示我的个人代码毫无意义，因为我实际上只是尝试简单地复制粘贴Bootstrap 4 文档上的 Accordion Example 中的代码，它的效果同样糟糕。

出于某种奇怪的原因，不使用手风琴，而是使用示例中的这个多目标代码可以正常工作。

编辑：在提交之前，决定在我网站的另一部分摆弄，结果发现当页面向下移动时，Chrome 中的动画非常滞后（当显示新内容时，页面向下移动）。在不向下移动它的情况下，当我将 Chrome 标签设置为原始大小的 25% 时，它可以完美运行。有什么办法可以补救吗？

标签： jqueryhtmlcssanimationbootstrap-4

Answer 1

如果我错了，请纠正我，但是 js-animation 和 css-animation 之间存在巨大差距。由于 bootstrap 使用 js-animation，它会慢很多并且滞后。因此，如果您要使用引导程序及其动画，您将在性能上遭受更多损失。同时，您可以使用其他支持动画的js库，如GSAP（GreenSock Animation Platform）等。或者，您可以使用CSS动画，因为它是动画方面最受好评的解决方案。