From fd80e4a02a2e5dcc9561ec8b5bf898646c81d1e1 Mon Sep 17 00:00:00 2001
From: YevgeniySavchuk <savchukevgeniy1@gmail.com>
Date: Sun, 24 Sep 2023 12:09:50 +0300
Subject: [PATCH] fixed incorrect scroll behavior

---
 src/index.html      | 8 ++++----
 src/scripts/main.js | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/index.html b/src/index.html
index 5dc7fc6897..e169e8f550 100644
--- a/src/index.html
+++ b/src/index.html
@@ -135,7 +135,7 @@ <h2 class="menu__top--title">Who we are</h2>
         </p>
       </section>
       <!-- #region expertise -->
-      <section class="expertise" id="services">
+      <section class="expertise">
         <h1 class="expertise__title">Our expertise</h1>
 
         <div class="expertise__block-container">
@@ -166,7 +166,7 @@ <h3 class="expertise__direction">Strategy</h3>
       </section>
       <!-- #endregion -->
       <!-- #region services -->
-      <section class="services">
+      <section class="services" id="services">
         <div class="services__grid-contaner">
           <h3 class="services__small-title">services</h3>
           <h1 class="services__title">Air is a full service creative agency</h1>
@@ -335,8 +335,8 @@ <h1 class="menu__bottom--title">Vision, Passion, Results</h1>
       </section>
     </main>
     <!-- #region footer -->
-    <footer class="footer" id="footer">
-      <div class="footer__container">
+    <footer class="footer">
+      <div class="footer__container" id="footer">
         <div class="footer__form-container">
           <h1 class="footer__title">Send us a message</h1>
           <form
diff --git a/src/scripts/main.js b/src/scripts/main.js
index 3edd74feb4..e2fe76ee75 100644
--- a/src/scripts/main.js
+++ b/src/scripts/main.js
@@ -5,9 +5,9 @@ const slider = document.querySelector('.slider');
 window.addEventListener('hashchange', () => {
   if (window.location.hash === '#aside-menu') {
     document.body.classList.add('body__with-aside-menu');
-    slider.style.display = 'none';
+    slider.style.opacity = 0;
   } else {
     document.body.classList.remove('body__with-aside-menu');
-    slider.style.display = 'block';
+    slider.style.opacity = 1;
   }
 });