テキストや画像を横スクロールを簡単に出来てしまうjQueryプラグイン「jQuery Endless Div Scroll」を紹介します。 使い方は、divタグの中にスクロールさせたいテキストや画像を並べておき、そのdivタグをendlessScrollメソッドにバインドさせるだけというシンプルなものです。 サイトに動きを付けたいときや、写真ギャラリーにも利用できそうですね。 » デモサイト » ダウンロード
今までどういうふうに実装されているのか知らなかったので、 jquery_bottomを読み解いて理解したのでメモ。 jquery_bottomはこちら。 https://github.com/jimyi/jquery_bottom 必要な情報 要素の表示領域 要素のスクロール分を含めた高さ 要素のスクロール位置 この情報がわかれば、下記の情報を導き出せる。 「要素の表示領域」+「要素のスクロール位置」=「現在の表示位置の高さ」 「現在の表示位置の高さ」さえわかれば、後はその値が「要素のスクロール分を含めた高さ」にどれだけ近づいているかで、スクロール位置を判断することができる。 実装してみる // スクロールさせる要素を取得 var elm = document.getElementById('scrollElement'); // 要素の表示領域を取得 var height = elm.o
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く