document.addEventListener(“DOMContentLoaded”, function() {
const options = {
rootMargin:’-40% 0px -40% 0px’,
threshold:0
}
// Создаем экземпляр наблюдателя с функцией обратного вызова
var observer = new IntersectionObserver(function(entries) {
// Для каждого наблюдаемого элемента
entries.forEach(entry => {
if(window.innerWidth<768){
if (entry.isIntersecting) {
// Добавляем класс ‘hover’ к элементу, когда он появляется в видимой области
function toggleItems(){
entry.target.classList.add(“onscrollfeature”)
}
setTimeout(toggleItems(),20000);
} else {
// Удаляем класс ‘hover’, когда элемент покидает видимую область
entry.target.classList.remove(“onscrollfeature”);
}
}
});
},options);
// Определяем элементы для наблюдения
var elements = document.querySelectorAll(‘.iconbox-after-arrow-image’);
console.Log(elements);
elements.forEach(function(element) {
observer.observe(element);
});
});