adaptive_1

2025-09-21 00:38:38 +03:00
parent 59d32a35c5
commit 70ef712f94
2 changed files with 260 additions and 11 deletions
--- a/index.html
+++ b/index.html
@@ -20,6 +20,7 @@
  <body id="body">
    <!-- обертка -->
    <div class="wrapper">
+      <div class="overlay"></div>
      <!-- первая страница сайта -->
      <header class="header">
        <!-- бургер меню -->
@@ -1981,7 +1982,25 @@
          slidesToShow: 4,
          infinite: true,
          draggable: false,
-          waitForAnimate: false,
+          waitForAnimate: false, 
+          responsive:
+          [
+            {
+              breakpoint: 1100,
+              settings: {
+              slidesToShow: 3},
+            },
+            {
+              breakpoint: 750,
+              settings: {
+              slidesToShow: 2},
+            },
+            {
+              breakpoint: 550,
+              settings: {
+              slidesToShow: 1},
+            },
+          ]
        });

        $(".team_slider-prev").on("click", function (e) {
@@ -1999,6 +2018,14 @@
          dots: true,
          appendDots: $(".testimonials_dots"),
          waitForAnimate: false,
+          responsive:
+          [
+            {
+              breakpoint: 700,
+              settings: {
+              slidesToShow: 1},
+            },
+          ]
        });

        $(".testimonials_prev").on("click", function (e) {
@@ -2042,17 +2069,21 @@
        //анимируем переход на расстояние - top за 1500 мс
        $('body,html').animate({scrollTop: top}, 1500);
    });
-//
-    $(window).on("scroll", function () {
-      if ($(window).scrollTop() > 0) {
+
+
+    setInterval(() => {
+      if ($(window).scrollTop() > 0 && $(".header_top").hasClass("header_top--open") === false) {
      $(".burger").addClass("burger--follow");
    } else {
      $(".burger").removeClass("burger--follow");
    }
-    })
-    $(".burger").on("click", function (e) {
+    }, 0);
+
+
+    $(".burger, .overlay").on("click", function (e) {
      e.preventDefault();
      $(".header_top").toggleClass("header_top--open");
+      $(".overlay").toggleClass("overlay--show");
    });

    </script>