@desppite

Хотелось бы сделать так,чтобы скрипт начинал работать при ширине окна 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");
  });
});
  • Вопрос задан
  • 54 просмотра
Решения вопроса 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
помогло? отметь решением!
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
28 мар. 2024, в 21:17
5000 руб./за проект
28 мар. 2024, в 20:46
150000 руб./за проект
28 мар. 2024, в 20:37
50000 руб./за проект