Получить элемент, вызвавший пользовательское событие AOS - PullRequest
Новая
       28

Получить элемент, вызвавший пользовательское событие AOS

1 голос
/ 05 апреля 2019

У меня есть несколько элементов, которые запускают пользовательское событие, когда они находятся в режиме просмотра (вошли в область просмотра) с помощью последней библиотеки Animate On Scroll (https://github.com/michalsnik/aos).

)

https://codepen.io/anon/pen/vMGQEb

HTML: 

<div class="foo" data-aos data-aos-id="inview">
  Foo 1
</div>
<div class="foo" data-aos data-aos-id="inview">
  Foo 2
</div>

JS: 

// Init AOS
AOS.init();

// Toggle red color    
document.addEventListener('aos:in:inview', function(e) {
   e.detail.classList.add('text-red');
});

CSS: 

.text-red {
  color: red !important;
}

Предполагается, что этот простой скрипт окрашивает элементы foo в красный цвет при входе в область просмотра. Он отлично работает везде, кроме Edge и IE. Насколько я могу судить, e.detail не возвращает элемент DOM, но какой-то объект, о котором я не знаю, что делать.

Есть идеи?

...