jQueryでスクロールすると表示する系いろいろ
jQueryでスクロールすると表示する系いろいろ 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 投稿日2012年03月08日 更新日2019年12月19日 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration
lazyload.jsはスクロール時に画像の読み込みを開始して美しく仕上がる。
大きな栗の木の下で ■当ブログ投稿内容の当事者や関係者の方で、コメントの削除や記事訂正を希望される方は、該当ページのコメント欄よりお申し付けください。可能な限り対応させて頂きます。 lazyload.jsを使うと、画面のスクロールに合わせて画像を読み込むから美しい。 jquery.jsとlazyload.jsをダウンロード＋アップした上で、 head内に以下を追加 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.dimensions.min.js"></script> <script type="text/javascript" src="jquery.lazyload.js"></script> <script type="text/ja
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
