I'm using MDBootstrap on a Django project (for the first time!).  Every time I added .smooth-scroll to an element it would work on scrolling within that page, but if I wanted to link back from another page it would give me an error.  I'm using this within Django and have the following conditional statement on the navbar links:

<a class="nav-link" {% if request.get_full_path == home_url %}href="#features"{% else %}href="{% url 'home' %}#features"{% endif %}>Features</a>

After playing with the jQuery a while I found that I had to escape some of the characters in the smooth scroll script to get it to work - so - within the project I added the following jQuery to the project .js file:

$(function() {
 $('a[href*=\#]:not([href=\#])').click(function() {
 var target = $(this.hash);
 target = target.length ? target : $('[name=' + this.hash.substr(1) +']');
 if (target.length) {
 $('html,body').animate({
 scrollTop: target.offset().top
 }, 1000);
 return false;
 }
 });
});

  Note on line two that I had to escape the # with \ - now it works.  I thought this might be useful for others, hence posting here.

---