Smooth scrolling on Bootstrap pages

I'm trying to add some smooth srolling to Bootstrap pages (so that clicking the in-page links in the left-hand menu will cause the page to scroll rather than jump to the specific section).

I'm using some jQuery which selects all hashed links and then applies the scroll animation when clicked. It mostly works, except that it breaks the functionality of any carousel image viewers on the page (since they also use hashed links).

Just wondering if there was an easy way around this, other than manually excluding any carousels, e.g.:

Hi Neil

The carousels are in a div with the class 'carousel' so you could probably use this parent class for the exclusion instead of looking at every single link inside it.

e.g. something along the lines of...
Or make sure you're only selecting those in the left menu to begin with:
I haven't tried these out but something along these lines should work

Thanks, that's just what I was looking for.

And so simple! I was clearly overthinking the problem...