bootstrap 4 хром анимация лаг аккордеон

Question

Как видно из названия, анимация для аккордеона при его использовании отстает невероятно. Не сохраняется на Edge или Firefox, или даже Android Браузер Samsung, кажется, хорошо справляется с этим. Но в Chrome он сильно отстает.

Нет смысла показывать мой личный код из-за того, что я буквально пытался просто скопировать код из Accordion Example на Bootstrap 4 docs , и он работает так же плохо.

По какой-то странной причине не используется аккордеон, а вместо этого этот код с несколькими целями из примера работает нормально.

РЕДАКТИРОВАТЬ: Перед отправкой решил поиграть на моей другой части веб-сайта и оказалось, что анимация очень хромает в Chrome, когда она смещает страницу вниз (при отображении нового контента страница смещается вниз). Не сдвигая его вниз, когда я помещал вкладку Chrome в 25% от исходного размера, она работала безупречно. Есть ли способ исправить это?

Answer 1

Поправьте меня, если я ошибаюсь, но между js-анимацией и css-анимацией существует огромный разрыв. Поскольку bootstrap использует js-анимацию, она будет намного медленнее и медленнее. Так что, если вы собираетесь использовать bootstrap и его анимацию, вы будете больше страдать от производительности. Между тем, вы можете использовать другую библиотеку js, которая поддерживает анимацию, такую ​​как GSAP (GreenSock Animation Platform) и т. Д. Или вы можете использовать CSS-анимацию, поскольку это наиболее известное решение с точки зрения анимации.