jQuery：ページトップへの動きに使えるエフェクト 5 - NxWorld
閲覧ページの先頭まで移動できるように設置しているところも多い「ページトップ」や「ページの先頭へ」といったページ内リンクで、移動する際の動きにjQueryを使ってエフェクトをつけたサンプルです。 よく見かける単純なスムーススクロールを含めた全5種類で、少しいじればその他の場所へのページ内リンクの動きとしても実装できます。 紹介している方法はいずれもjQueryを使用しており、サンプルによってはjQuery Easingも使用しているので予め読み込ませてください。 jQueryの記述はいずれもセレクタにa要素を指定しているため、特定の要素にのみ適用させたい場合などはidやclassを用いるなどして指定してください。 使用するHTML・デモ サンプルで使用しているHTMLは下記のようなa要素のhrefには#を記述したシンプルなものになっています。
カスタマイズ豊富なページトップに戻るボタンを設置できるjQueryプラグイン「jQuery GoUp!」
twitter facebook hatena google pocket ページが長くなったらページトップというものを設置するサイトが多いですね。 jQueryプラグインのjQuery GoUp!を利用すると、カスタマイズがいろいろできるようになります。 sponsors 使用方法 jQuery GoUp!からファイル一式をダウンロードします。 あとは下記を記述するとさくっと適用可能です。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type='text/javascript' src='jquery.goup.js'></script> <script type="text/javascript"> $(document).ready(functi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
