【jQuery入門】offset()で要素の位置を取得・設定する方法！ | 侍エンジニア塾ブログ | プログラミング入門者向け学習情報サイト

こんにちは、ライターのマサトです！ 今回は、jQueryで対象要素の位置座標を取得することができる「offset()」メソッドについて学習をしていきいましょう！ この記事では、 「offset()」とは？ offset()の使い方 「offset()」「position()」の違い スクロール量をoffset()で取得する方法 offset()の注意点 「offset()」とは？ それでは、まず最初に「offset()」メソッドについて基本的な知識から学習していきましょう！ 「offset()」は、画面上（document内）に配置したHTML要素の表示位置を座標で取得できるメソッドになります。 次のような位置座標をイメージすると分かりやすいでしょう！ このように「offset()」では、対象となるHTML要素の左上を原点としたX・Y座標を取得することができます。 これにより、jQuery