bootstrap 4 chrome动画滞后手风琴

时间:2018-07-05 00:49:19

标签: jquery html css animation bootstrap-4

正如标题所述,使用手风琴时的动画会出现严重的延迟。不能在Edge或Firefox上持续存在,甚至Android Samsung Browser似乎都可以很好地处理它。但是在Chrome浏览器中,它远远落后了。

由于我实际上只是尝试从Accordion Example on Bootstrap 4 docs复制粘贴代码,因此显示我的个人代码毫无意义。

出于某种奇怪的原因,不使用手风琴,而是使用此multiple-targets code from the example可以正常工作。

编辑:在提交此内容之前,决定在网站的另一部分弄乱,结果发现,当Chrome向下移动页面时(在显示新内容时,页面向下移动),动画在Chrome中非常滞后。不用放下它,当我将Chrome标签设为原始尺寸的25%时,它就可以完美地工作了。有什么办法可以纠正?

1 个答案:

答案 0 :(得分:0)

如果我错了,请纠正我,但是js动画和css动画之间有很大的差距。由于引导程序使用js动画,因此它会变得很慢且很慢。因此,如果您要使用引导程序及其动画,则会在性能上遭受更多损失。同时,您可以使用其他支持动画的js库,例如GSAP(GreenSock动画平台)等。或者,可以使用CSS动画,因为它是最受好评的动画解决方案。