.overflow-hidden { overflow-x: hidden; }   
    
``` [4](https://sky.pro/wiki/html/ubiraem-gorizontalniy-skroll-v-div-s-css-priemy/)

  html {
    scroll-behavior: smooth;
  }

  /* Якорные блоки — отступ под фиксированную шапку */
  [id] {
    scroll-margin-top: 120px; /* ПК */
  }

  @media (max-width: 960px) {
    [id] {
      scroll-margin-top: 96px; /* планшет */
    }
  }

  @media (max-width: 640px) {
    [id] {
      scroll-margin-top: 80px; /* мобильный */
    }
  }