Home > 20080512
20080512
Smoothscroll：ページ内リンク先への移動を滑らかにスクロール
- 2008-05-12 (Mon)
- IT Tips
- Tips
- JavaScript
- ツール
- 無料･フリー
Category :
Tags :
Smoothscroll
このJavaScriptを適用させると、ページ内リンク先への移動を瞬時に移動させるのではなく、滑らかな動きで移動させることができるサイトをカッコ良くさせるひとつの手法です。
適用方法は以下の通りです。
１．Smooth scrollingへアクセス
２．サイト内から「smoothscroll.js」リンクをクリックしダウンロード
３．smoothscroll.jsをブログにアップロード
４．以下を <head>〜</head> 間に記述
■smoothscroll.jsの簡単カスタマイズ
１．メモ帳などのテキストエディタで編集
２．142行目の「ss.STEPS = 数字;」を確認
３．数字を編集しスクロールスピードを調整
※数値が低いほど高速スクロールになります
このJavaScriptを適用させると、ページ内リンク先への移動を瞬時に移動させるのではなく、滑らかな動きで移動させることができるサイトをカッコ良くさせるひとつの手法です。
適用方法は以下の通りです。
１．Smooth scrollingへアクセス
２．サイト内から「smoothscroll.js」リンクをクリックしダウンロード
３．smoothscroll.jsをブログにアップロード
４．以下を <head>〜</head> 間に記述
<script type="text/javascript" src="/file/scroll.js"></script>※赤文字はサイト環境にあわせる必要がある場合、編集ください■smoothscroll.jsの簡単カスタマイズ
１．メモ帳などのテキストエディタで編集
２．142行目の「ss.STEPS = 数字;」を確認
３．数字を編集しスクロールスピードを調整
※数値が低いほど高速スクロールになります
Home > 20080512
- Search
- Adsense
- Calendar
-
« 2008/05 » S M T W T F S - - - - 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 - Categories
- Tagcloud
- Archives
- Recent Comments
-
- とりもち:綺麗な風景壁紙 vol2 (06/12)
- TomomiX:綺麗な風景壁紙 vol2 (06/12)
- とりもち:綺麗な風景壁紙 vol2 (06/11)
- TomomiX:Greybox実装手順 (05/28)
- aco_oca:Greybox実装手順 (05/28)
- aco_oca:Greybox実装手順 (05/28)
- TomomiX:Office2003・Office2007の共存方法 (05/27)
- ｴ:Office2003・Office2007の共存方法 (05/26)
- TomomiX:Shadowbox応用：Webページに実装させる (05/15)
- ハムネコ:Shadowbox応用：Webページに実装させる (05/14)
- Recent Trackback
- Feeds