@winers
Начинающий программист

Как отключить скрипт на мобильных разрешениях?

<script>
        const mediaMD = 768;
        const windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
        if (windowWidth >= mediaMD) {
            const sections = document.querySelectorAll('.section');
            let current = 0;

            const throttle = (callback, delay) => {
                let callable = true;

                return function (...args) {
                    if (callable) {
                        callable = false;
                        callback.apply(this, args);

                        setTimeout(() => {
                            callable = true;
                        }, delay);
                    }
                };
            };

            const changeSection = throttle((event) => {
                const direction = Math.sign(event.deltaY);

                current += direction;
                if (current > sections.length - 1) {
                    current = 0;
                }
                if (current < 0) {
                    current = sections.length - 1;
                }

                sections[current].scrollIntoView({
                    behavior: 'smooth'
                });
            }, 850);

            window.addEventListener('wheel', (event) => {
                event.preventDefault();

                changeSection(event);
            }, {
                passive: false
            });

            window.addEventListener('scroll', (event) => {
                event.preventDefault();
            });
        }
    </script>

проверка ширины не отключает скрипт

if (window.matchMedia("(min-width: 400px)").matches) {
  /* the viewport is at least 400 pixels wide */
} else {
  /* the viewport is less than 400 pixels wide */
}

и matchMedia тоже не помогает
  • Вопрос задан
  • 181 просмотр
Решения вопроса 1
@ArtJH
Скрипт засунь в функцию.
Потом сравнивай ширину экрана, если больше 768 то вызывай эту функцию
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы