気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
jQuery：ページトップへの動きに使えるエフェクト 5 - NxWorld
104 users
www.nxworld.net
www.nxworld.net
www.nxworld.net
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
閲覧ページの先頭まで移動できるように設置しているところも多い「ページトップ」や「ページの先頭へ」... 閲覧ページの先頭まで移動できるように設置しているところも多い「ページトップ」や「ページの先頭へ」といったページ内リンクで、移動する際の動きにjQueryを使ってエフェクトをつけたサンプルです。 よく見かける単純なスムーススクロールを含めた全5種類で、少しいじればその他の場所へのページ内リンクの動きとしても実装できます。 紹介している方法はいずれもjQueryを使用しており、サンプルによってはjQuery Easingも使用しているので予め読み込ませてください。 jQueryの記述はいずれもセレクタにa要素を指定しているため、特定の要素にのみ適用させたい場合などはidやclassを用いるなどして指定してください。 使用するHTML・デモ サンプルで使用しているHTMLは下記のようなa要素のhrefには#を記述したシンプルなものになっています。
www.nxworld.net
www.nxworld.net
www.nxworld.net
www.nxworld.net
373news.com
nordot.app
anond.hatelabo.jp
huyukiitoichi.hatenadiary.jp
zenn.dev/gamella
www.eisbahn.jp
applech2.com
qiita.com
www.mizdra.net
qiita.com/ahera
techblog.enechain.com
micco.mars.jp
mainecoon-life.hatenablog.com
nomyg.hatenablog.com
2015/07/09 リンク