ビジネスマンの徹底パソコン奮闘サイト

お知らせ
2011-03-16: 目次を作成しました。
2010-09-17: Google Map 2 記事一覧を作成しました。
2010-07-03: Google Map 3 記事一覧を作成しました。

スポンサーサイト

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

jQuery:シンプル画面縦スクロール v2

2011年 06月02日 (木 )
シンプルな画面縦スクロールのv2です。
前回のはクリックすると縦にスムーズに移動するスクロールでしたが、
今回のはフワッと消えて任意の位置に移動してフワッと表示するという動きです。
なのでスクロールはしてない様な感じですが。

下記のリンクをクリックすると該当のエリアで移動します。
area1area2area3area4area5
area1
↑Top
area2
↑Top
area3
↑Top
area4
↑Top
area5
↑Top

サンプルコードはこんな感じです。


最初、45行目にあるスクロールにかかる時間を0に設定していたのですが、
0にするとIEでは普通に動作するのですが、
Chromeではうまく動かなかったので取りあえず1に設定しました。

コメント

コメントの投稿

  • URL
  • コメント
  • パスワード
  • 秘密
  • 管理者にだけ表示を許可する

トラックバック

トラックバックURL:http://pcrice.blog129.fc2.com/tb.php/157-b5e57c0f
  ビジネスマンの徹底パソコン奮闘サイト  
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。