Как настроить адаптивность скрипта?

Question

[spacekk]

Настраиваю скрипт wow.js, хочу чтобы на планшете и мобилке анимация срабатывала не так, как на ноутбуке. В документации есть только вариант отключения анимации. Как мне обратиться ко всем элементам на странице с селектором data-wow-offset и поставить им значение 0?

<div class="wow " data-wow-offset="300">Пример</div>
  <div class="wow " data-wow-offset="100">Пример2</div>

<script>
              new WOW().init( );

              $(window).width(function(){

if ($(window).width() < 1025){ 

$('[data-wow-offset]')
 
???
}
}
              </script>

Comments

[Ruslan Ruslanov]

тут был мой ответ

Answer 1

[profesor08]

Да никак. Либо ищи альтернативу, либо запускай анимации ручками, что рекомендую, хоть научишься. Сделай какой-то скрипт, который будет проверять ширину экрана (пример), и в зависимости от значений делай какие-то действия. Положение элемента сверяй с прокруткой, если попадает в интервал то запускай анимацию.

Answer 2

[Ruslan Ruslanov]

Как мне обратиться ко всем элементам на странице с селектором data-wow-offset и поставить им значение 0?

собрать в массив по атрибуту и форичем присваивать элементам значение.
тип такого:

document.querySelectorAll('[data-wow-offset]').forEach(function(element){
    element.setAttribute('data-wow-offset', 0);
});

Результат: