Smooth Scrolling Bootstrap 3

I am having some issue trying to have a smooth scroll in my page, basically I have anchor tags around a page like this:

Module Description<

Solution 1:

$('a[href*=#]:not([href=#])') will be very generic will also change the target anchors for by example the modal. Try to make it less generic:

<ulid="insidepagenav"><li><ahref="#description">Module Description</a></li>

$('ul#insidepagenav > li > a[href*=#]:not([href=#])')

Solution 2:

If you replace

a[href*=#]:not([href=#])

with

a[href*=#]:not([href=#]):not([href=#idname])

you can prevent the smooth scrolling from working for that one specific link