ページ内リンクのスムーズスクロール | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery


★ ページ内リンクのスムーズスクロール


● ページ内リンク(ページトップなど)でスムーズに該当箇所に移動します。

  新スキンでは、、右下のページナビのトップページ(▲)が該当します。

  詳細なページナビゲーションをしたい場合は下記を参照
  http://ameblo.jp/new-blue-777/entry-11004164269.html


① フリープラグインへ下記を追記する。


<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript" src="http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css"></script>
<script type='text/javascript'>
$(document).ready(function(){
scroll_sm(3000);
})
</script>



◆ 説明

・ 下記はフリープラグインの先頭に1つあればOKです。

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>


・ 下記が既にフリープラグインに記述されていれば不要です。

<script type="text/javascript" src="http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css"></script>

 3000 は、該当箇所に行くまでの時間です。3000 は3秒です。

  その他、下記の様にも指定できます。
  (slow ・・・ゆっくり normal・・・普通 fast・・・早い)



scroll_sm('slow')
scroll_sm('normal')
scroll_sm('fast')