Как сделать плавний скролл на Js?

Question

[Renat871]

Привет! Помогите пж разобратся в JS/.
У меня есть код

<nav>
        <ul class="topmenu">
          <li class="transform"><a href="">Про нас</a></li>
          <li class="transform" id="perevagu_scroll"><a href="">Наші Переваги</a></li>
          <li id="galery_scroll">
            <a href="" class="down transform">Галерея</a>
            <ul class="submenu">
              <li><a href="#">Манікюр</a></li>
              <li><a href="#">Педікюр</a></li>
              <li><a href="#">Стрижки</a></li>
            </ul>
          </li>
          <li class="transform"><a href="">Прейс-Курант</a></li>
          <li class="transform"><a href="">Запис</a></li>
          <li class="transform"><a href="">Адреса</a></li>
        </ul>
    </nav>

и в CSS он сделан горизонтально
есть длинная страница и надо через JS сделать скролл по секциям

Comments

[rPman]

Извините - сгиньте пожалуйста, покиньте работу дизайнеров и никогда туда не возвращайтесь (это не лично вам а вообще всем кто так делает), тем кто делает плавный скроллинг, не отключаемым, медленным, чтобы работать вам только с интерфейсами где все ездит, дергается ресайзится и плавно перемигивается на любое касание... секунд по 10.

Answer 1

[Вадим]

На JS или jquery: https://realadmin.ru/coding/js-scroll.html
Ещё вариант на js: https://codepen.io/AnotherLinuxUser/pen/eZxoQp

или через css: Как добавить плавный скролл от одного блока к следующему на сайте?

Плавная прокрутка при нажатии на якорь: как переписать с jQuery на чистый JS?