スムーズスクロール（scroll_sm2）

★　スムーズスクロール（scroll_sm2）


◆　機能


①　スムーズスクロールが可能。
②　１００pxを進むのに何秒かけて移動するかを指定可能。
　　これにより、移動する早さが一定になります。
③　②　のようには、指定しないで移動することが可能。
　　移動距離に関係なく指定した秒数で移動します。
　　移動する速さは、移動する距離によって異なります。




★　やり方。（フリープラグインへ追記する）



　●　記事フッター部分（コメント・ペタ）の後ろにブログトップを入れるケースで説明


　①　１００pxを移動するのに 0.4秒　かける場合。

<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">
var go_link='<a href="#" onclick="scroll_sm2(this,this.offsetTop,1,400);"><img src="http://stat001.ameba.jp/user_images/20120829/07/new-blue-777/4a/8e/g/o0070002012160803549.gif"></a>';
blog_link_go('.articleLinkArea','append');
</script>

　◆　説明

・　下記はフリープラグインの先頭に１つあれば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>


・　onclick="scroll_sm2(this,this.offsetTop,1,400);"

　　　1・・・１００pxを進む指定
　　　0・・・移動距離に関係なく指定した秒数で移動

　　　400・・・0.4秒の意味





　②　移動距離に関係なく指定した秒数で移動する場合。

<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">
var go_link='<a href="#" onclick="scroll_sm2(this,this.offsetTop,0,3000);"><img src="http://stat001.ameba.jp/user_images/20120829/07/new-blue-777/4a/8e/g/o0070002012160803549.gif"></a>';
blog_link_go('.articleLinkArea','append');
</script>