Задать вопрос
@desppite
javascript

Хотелось бы сделать так,чтобы скрипт начинал работать при ширине окна 1301px,возможно ли это?

Нужно чтобы скрипт начинал работу при ширине окна 1301px и ниже
$(function () {
  $("[data-scroll]").on("click", function (event) {
    event.preventDefault();

    let elementID = $(this).data("scroll");
    let elementOffset = $(elementID).offset().top;

    nav.removeClass("show");

    $("html, body").animate({
      scrollTop: elementOffset - 100,
    });
  });

  $("#navToggle").on("click", function (event) {
    event.preventDefault();
  });

  const hamburger = document.querySelector(".hamburger");

  hamburger.addEventListener("click", () => {
    hamburger.classList.toggle("active");
  });
  let nav = $("#nav");
  let navToggle = $("#nav");

  $("#navToggle").on("click", function (event) {
    event.preventDefault();

    nav.toggleClass("show");
  });
  const navigation = document.querySelector(".nav__navigation");

  hamburger.addEventListener("click", () => {
    hamburger.classList.toggle("active");
  });
  let menu = $("#submenu");
  let menuToggle = $("#menuToggle");
  
  $("#menuToggle").on("click", function (event) {
    event.preventDefault();

    menu.toggleClass("show");
  });
  const navigation__2 = document.querySelector(".nav__navigation__2");

  hamburger.addEventListener("click", () => {
    hamburger.classList.toggle("active");
  });
  let menu__2 = $("#submenu__2");
  let menuToggle__2 = $("#menuToggle__2");

  $("#menuToggle__2").on("click", function (event) {
    event.preventDefault();

    menu__2.toggleClass("show");
  });
});
  • Вопрос задан
  • 57 просмотров
Комментировать
Подписаться Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 1
noder_ss
@noder_ss
Линуксоид-энтузиаст и SQL разработчик
Конечно! Вот: 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    if(document.documentElement.clientWidth <= 1300){
        alert("меньше 1300px")
    }
</script>
</html>

Если нужны другие размеры, поменяйте условие. Надеюсь, помог
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Fragster
@Fragster
помогло? отметь решением!
https://qna.habr.com/q/1206362
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Web-разработчик/WordPress программист (Full-stack)
JustBusiness • Санкт-Петербург
от 130 000 до 150 000 ₽
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
React разработчик
ITK academy • Нижний Новгород
от 50 000 до 90 000 ₽
Ещё вакансии