Bootstrap 4, плавная прокрутка к якорю

26 июля 2019

У сайтов на Bootstrap 4 плавная прокрутка к якорю делается очень просто

Добавьте стиль

html {scroll-behavior: smooth;}

В меню навигации ссылки прописывать типа так

<a class="nav-link" href="#div1">Div 1 </a>

а якорь прописывать типа так

<div id="div1">TEST 1</div>

В принципе этого достаточно, чтобы появилось скольжение при переходе по якорям в Bootstrap 4. Можно еще в стилях задать разные настройки, типа отступа от верха страницы и т.п. вот тут подробнее расписано https://jsfiddle.net/mzjan/set7aLnp/