Home > スポンサー広告 > Smoothscroll：ページ内リンク先への移動を滑らかにスクロール


スポンサーサイト

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

 Comments:-

Comment Form

 Trackback+Pingback:-

TrackBack URL for this entry
http://blackcat13numbers.blog31.fc2.com/tb.php/197-db569ee9
Listed below are links to weblogs that reference
スポンサーサイト from TRASH
Trackback from 福岡で未経験からＷＥＢデザイナーを目指す沖縄人 2009-04-15 (水) 18:05

javascriptのsmoothscroll（スムーススクロール）の設置について

初心者にオススメのjavascriptは僕が思うにsmoothscroll（スムーススクロール）です。 簡単に説明するとサイトの一番下によくある「ページの先頭へ... (more…)

Home > スポンサー広告 > Smoothscroll：ページ内リンク先への移動を滑らかにスクロール

Home > IT Tips > Smoothscroll：ページ内リンク先への移動を滑らかにスクロール


Smoothscroll：ページ内リンク先への移動を滑らかにスクロール

ページ内リンク移動をスムーズなスクロールで移動
SmoothscrollこのJavaScriptを適用させると、ページ内リンク先への移動を瞬時に移動させるのではなく、滑らかな動きで移動させることができるサイトをカッコ良くさせるひとつの手法です。上記サイト内でもサンプルはありますが、私のブログでも「Page Top」が各所ありますので、実際にクリックしてみてください。

適用方法は以下の通りです。
１．上記リンクのSmooth scrollingへアクセス
２．サイト内から「smoothscroll.js」リンクをクリックしダウンロード
３．smoothscroll.jsをブログにアップロード
４．以下を <head>～</head> 間に記述
<script type="text/javascript" src="/file/scroll.js"></script>
※赤文字はサイト環境にあわせる必要がある場合、編集ください
smoothscroll.jsの簡単カスタマイズ
１．メモ帳などのテキストエディタで編集
２．142行目の「ss.STEPS = 数字;」を確認
３．数字を編集しスクロールスピードを調整
※数値が低いほど高速スクロールになります
スポンサーサイト

 Comments:0

Comment Form

 Trackback+Pingback:1

TrackBack URL for this entry
http://blackcat13numbers.blog31.fc2.com/tb.php/197-db569ee9
Listed below are links to weblogs that reference
Smoothscroll：ページ内リンク先への移動を滑らかにスクロール from TRASH
Trackback from 福岡で未経験からＷＥＢデザイナーを目指す沖縄人 2009-04-15 (水) 18:05

javascriptのsmoothscroll（スムーススクロール）の設置について

初心者にオススメのjavascriptは僕が思うにsmoothscroll（スムーススクロール）です。 簡単に説明するとサイトの一番下によくある「ページの先頭へ... (more…)

Home > IT Tips > Smoothscroll：ページ内リンク先への移動を滑らかにスクロール

Search
Adsense

Calendar
« 2018/06 »
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
Categories
Tagcloud
Archives
Recent Comments
Recent Trackback
Feeds

↑Page Top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。