シンプルなページ内スクロール - かちびと.net

Result jQuery $(document).ready(function() { //ハッシュリンクのアンカータグをクリックするとマッチするidを持つ要素にスクロールする $('a[href^="#"]').click(function(event) { var id = $(this).attr("href"); var offset = 60; var target = $(id).offset().top - offset; $('html, body').animate({scrollTop:target}, 500); event.preventDefault(); return false; }); }); html <div class="navigation"> <a href="#html">HTML</a> <a href="#css">CSS</a> <a h

[civatan55]

汎用性の高いページ内スクロール機能