Вау анимация: что делать, если JS не работает? - PullRequest
Новая
       31

Вау анимация: что делать, если JS не работает?

1 голос
/ 23 сентября 2019

Я использую Wow.JS для анимации элементов сайта.Чтобы элементы сначала не отображались, а затем исчезали, а затем снова появлялись (анимация) при использовании wow, я добавил строку CSS: 

.wow { visibility:none;}

Однако это приводит к тому, что элементы остаются скрытыми, если JS не работает или отключается в браузере,Для этого я создал небольшую функцию / script: 

<!-- wow backup -->
<noscript><style>.wow {visibility: initial;}</style></noscript>
<script>window.onload=function(){elem = document.querySelector('.wow');style = getComputedStyle(elem);if (style.visibility=='hidden') {style = document.createElement('style');document.head.appendChild(style);style.sheet.insertRule('.wow { visibility:initial;}');}}</script>

Я знаю, что это место для вопросов, но я просто хотел поделиться этим небольшим отрывком для всех, кто использует wow.Как вы решаете эти проблемы вау (мерцание до того, как анимация / js терпит неудачу)?

...