ページを開いたらすぐに指定のページ内リンクにスクロールさせる
2012-08-08 683 1740ページを開いた直後に指定のページ内リンクまでスムーズにスクロールさせるという技。jqueryを使用しています。下記のコードは#sampleの部分まで移動させるという場合のものです。任意で変更してください。
<!----><!----><script>※var p = ~~とありますが、このpはHTMLタグのpとは関係ありません。ただの変数名です。
$(function() {
var p = $("#sample").offset().top;
$('html,body').animate({ scrollTop: p }, 'slow');
return false;
});
</script>
<2019/7/30 追記>
スムーズスクロールはCSSのみで導入できるようになっていました。
※IEとSafariは非対応
html{
scroll-behavior: smooth;
}