jQuery：ページトップへの動きに使えるエフェクト 5 - NxWorld

閲覧ページの先頭まで移動できるように設置しているところも多い「ページトップ」や「ページの先頭へ」といったページ内リンクで、移動する際の動きにjQueryを使ってエフェクトをつけたサンプルです。 よく見かける単純なスムーススクロールを含めた全5種類で、少しいじればその他の場所へのページ内リンクの動きとしても実装できます。 紹介している方法はいずれもjQueryを使用しており、サンプルによってはjQuery Easingも使用しているので予め読み込ませてください。 jQueryの記述はいずれもセレクタにa要素を指定しているため、特定の要素にのみ適用させたい場合などはidやclassを用いるなどして指定してください。 使用するHTML・デモ サンプルで使用しているHTMLは下記のようなa要素のhrefには#を記述したシンプルなものになっています。

[aside1]

jQuery：ページトップへの動きに使えるエフェクト 5 | NxWorld @nxworld_netさんから

[kuma56tan]

いつもスムーススクロールばかり使っているので、あとで他のもためそう！

[kuwa]

「いきなりページの先頭近くに」がいいな。

[s99e209]

「ページトップ」や「ページの先頭へ」といったページ内リンクでエフェクトを付けるjQueryプラグイン。

[qbxrk]

iPhoneだと動かないエフェクトが多数です。