![ニコニコ動画(Re:仮)](https://cdn-ak-scissors.b.st-hatena.com/image/square/a92346913f0b144389660a6db952a81354aadc62/height=288;version=1;width=512/https%3A%2F%2Fresource.video.nimg.jp%2Fweb%2Fscripts%2Fniconico_tmp%2Fstatic%2FReKariOGP.png%3Fv%3D2)
jQueryを利用して、JavaScriptで要素が画面内にスクロールインしたタイミングで処理をするコードを紹介します。 処理の概要 要素が画面内にスクロールインしたタイミングを検出して処理を実行したい場合があります。この記事では、jQueryを利用して、要素が画面に入ったタイミングで処理するコードを紹介します。 処理の概要は、スクロールが発生するごとにイベントで、対象の枠が表示範囲内に入っているか判定し、表示範囲内に入っている場合に処理を実行します。 プログラム例 コード 下記のコードを記述します。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <link rel="stylesheet" href="di
jQueryを使っていると、頻繁に要素のサイズや位置を取得する機会があります。サイズや座標を取得する関数は複数あって「どれがどこのサイズ、座標を取得するの?」ってごっちゃになりがちなので、今回はサイズ、位置関係のそれぞれのjQuery関数の違いなどをまとめて紹介したいと思います。 jQueryを使っていると、頻繁に要素のサイズや位置を取得する機会があります。 サイズや座標を取得する関数は複数あって「どれがどこのサイズ、座標を取得するの?」ってごっちゃになりがちなので、今回はサイズ、位置関係のそれぞれのjQuery関数の違いなどをまとめて紹介したいと思います。 目次 サイズ取得関係の関数 サイズ取得の基本 ページ全体のサイズやブラウザサイズを取得したい 要素の座標の取得方法 座標取得の基本 番外編:offsetParentってoffsetと関係あるの? スクロールした距離を取得する方法
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く