Bootstrap4でスムーススクロールを導入する

Bootstrap4でスムーススクロールを導入する

Bootstrap4で何も考えずにスムーススクロールを導入するとタブなどと打つかってしまうので、それを回避するためのJSです。

a[href^="#"]では、カーセル、タブ、collapseと打つかるので:not()で回避しています。

対応ブラウザは、まだ少ないですがCSSだけでもスムーススクロールの導入が可能です。