Bootstrap 4, плавная прокрутка к якорю
У сайтов на Bootstrap 4 плавная прокрутка к якорю делается очень просто
Добавьте стиль
<code>html {scroll-behavior: smooth;}</code>
В меню навигации ссылки прописывать типа так
<code><a class="nav-link" href="#div1">Div 1 </a></code>
а якорь прописывать типа так
<code><div id="div1">TEST 1</div></code>
В принципе этого достаточно, чтобы появилось скольжение при переходе по якорям в Bootstrap 4. Можно еще в стилях задать разные настройки, типа отступа от верха страницы и т.п. вот тут подробнее расписано https://jsfiddle.net/mzjan/set7aLnp/
0 комментариев