Как выполить scroll при клике на меню? [дубликат]

244
03 сентября 2021, 12:30
На этот вопрос уже даны ответы здесь:
Плавная прокрутка к якорю без jQuery (5 ответов)
Закрыт 1 год назад.

Нужно реализовать прокрутку, при клике на определенный элемент меню с анимацией. Скролл будет выполняться к выбраному блоку. Как можно реализовать на чистом JS?

<menu>
            <ul class="menu__item">
                <li>Главная</li>
                <li>Инструменты</li>
                <li>Обо мне</li>
                <li>Задать вопрос</li>
                <li>Контакты</li>
            </ul>
        </menu>
Answer 1

думаю тему вы уловили

P.S. поддержка хромает

html { 
  scroll-behavior: smooth; 
} 
 
section { 
  height: 100vh; 
  background: pink; 
} 
 
section:nth-child(1) { 
  background: yellow; 
}
<section id="block1"><a href="#block2">block 2</a></section> 
<section id="block2"><a href="#block1">block 1</a></section>

READ ALSO
Префиксы css для flex
CSS

Префиксы css для flex

Вот код css

 315
Неправильная запись при сохранении QJson
c++

Неправильная запись при сохранении QJson

Не могу найти чего то подобного на просторах ИнетаПроблема в следующем: Читаю json файл, после просто сохраняю

 317
Многократное определение функции
c++

Многократное определение функции

 183
Вопрос по компараторам
c++

Вопрос по компараторам

Почему при равных значениях, поступивших на вход компаратору, мы должны возвращать false, иначе это вызывает Run Time ErrorОб этом узнал тут: https://codeforces

 167