fixed incorrect scroll behavior

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

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;
   }
 });