jQuery

[jQuery] スクロールした座標を取得する(.scrollTop/.scrollLeft)

投稿日:2017年8月16日 更新日:

jQueryでスクロールした座標を取得するには、.scrollTop()/.scrollLeft()を使用します。

サンプルソース

例)ボタンを押すと、現在のスクロール量をコンソールに出力する

実行サンプル

ボタンを押すと現在のスクロール量を表示します。

 

解説

  • 縦のスクロール量は、.scrollTop()で取得します。
  • 横のスクロール量は、.scrollLeft()で取得します。
  • 単位はpxです。

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery] クリックする毎に画像を切り替える

クリックする毎に画像を切り替えるサンプルです。 サンプルソース 例)クリックする毎に画像を切り替える [crayon-5 ...

[jQuery] スクロール時に処理を行う(.scroll)

スクロール時に処理を行うには、.scrollを使用します。 サンプルソース 例)スクロールすると、スクロール量をコンソー ...

[jQuery] 要素の属性を一度に設定する

属性を一度に設定するサンプルです。 サンプルソース 例)ボタンを押すと、id="txt1"要素をボタンに変える [cra ...

[jQuery] 画面ロード/アンロード時に処理を行う(.load/.unload)

画面ロード/アンロード時に処理を行うには、.load/.unloadを使用します。 サンプルソース 例)画面ロード時とア ...

[jQuery] マウスカーソル移動時イベントを取得する(.mousemove)

jQueryでマウスカーソル移動時イベントを取得するには、.mousemoveを使用します。 サンプルソース 例)マウス ...

スポンサーリンク