JQuery でページ内リンクなどの場面でスムーススクロールを実現しようとする場合は、一般的には以下のようなコードを書きます。 $(function(){ $('a[href^="#"]').click(function(){ var speed = 500; var href= $(this).attr("href"); var target = $(href == "#" || href == "" ? 'html' : href); var position = target.offset().top; $("html, body").animate({scrollTop:position}, speed, "swing"); return false; }); }); しかし、冒頭の a[href^=”#”] のクリックイベントが、Bootstrap での一部書式とバッティングして
![JQueriy スムーススクロールと Bootstrap との共存](https://cdn-ak-scissors.b.st-hatena.com/image/square/785534d1ae23d0b369d73ef5674907564f49caf3/height=288;version=1;width=512/https%3A%2F%2Favalon-studio.work%2Fwp-content%2Fuploads%2Fsea-pillars.jpg)