Показать сообщение отдельно
  #16 (permalink)  
Старый 09.09.2021, 09:56
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,135

Сообщение от Сергей Ракипов
Ну то есть в anim1 нужно повесить два события,
...
const tsifra_1 = document.querySelector(".tsifra_1");

        let anim1 = () => {
            const windowInnerWidth = document.documentElement.clientWidth
            if (windowInnerWidth >= 800) {
                let ikonka1 = tsifra_1.getBoundingClientRect();
                tsifra_1.classList.toggle("tsifra_1_1", ikonka1.top <= 500);
            } else if (windowInnerWidth <= 800) {
                let ikonka1 = tsifra_1.getBoundingClientRect();
                tsifra_1.classList.toggle("tsifra_1_1", ikonka1.top <= 100);
            }
            console.log(windowInnerWidth);
        };
        window.addEventListener("scroll", anim1); //запуск во время прокрутки
        window.addEventListener("resize", anim1); //запуск при изменении размеров окна
        anim1(); //запуск при формировании страницы(загрузка)
Ответить с цитированием