Bootstrap 4. Smooth scrolling working on .nav-link but not on other anchor elements

Question

I\'m using Bootstrap 4, and am using the following jQuery to allow smooth scrolling from the .nav-links to section id\'s (within the same page):

$(\'.nav-link\')         


        

Answer 1

Set scroll-behavior in css and it will do the effect.

html {
  scroll-behavior: smooth;
}

Here's a link to the example: https://jsfiddle.net/mzjan/set7aLnp/