jQuery

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

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

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

サンプルソース

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

実行サンプル

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

 

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 指定した要素の次の要素を取得する(.next)

指定した要素の次の要素を取得するには、.next()を使用します。 サンプルソース 例)要素(#ts li)の3番目の要 ...

[jQuery] 配列かどうか判定する($.isArray)

配列かどうか判定するには、$.isArray()を使用します。 サンプルソース 例)変数aが配列かどうか判定する [cr ...

[jQuery] 要素のコピーを作成する(.clone)

要素のコピーを作成するには、.cloneを使用します。 サンプルソース 例)要素(id="d1")をコピーして、要素(i ...

[jQuery] 要素まとめて指定したタグで囲う(.wrapAll)

要素まとめて指定したタグで囲うには、.wrapAll()を使用します。 サンプルソース 例)class="d1"の要素を ...

[jQuery] 要素のテキストに指定文字列が含まれるか判定する(:contains)

要素のテキストに指定文字列が含まれるか判定するには、:containsを使用します。 サンプルソース 例)テキストに"x ...

スポンサーリンク