こんにちは、kz_moritaです。 最近はVue.js / Nuxt.js あたりで Web フロントを書いたりしています。 今回は、ページの最上部からある特定のDOMの位置座標を取得するのにちょっとつまづいたため、そのことについてまとめておきます。 試した方法 以下の二種類の方法を試しました。 HTMLElement.offsetTop Element.getBoundingClientRect().top + window.pageYOffset 結論から言うと、ページの最上部からの位置を取得する仕様は2つ目の方法で実現することができました。 HTMLElement.offetTop HTMLElement.offsetTopの仕様は以下のサイトに詳しく書いています。 https://developer.mozilla.org/ja/docs/Web/API/HTMLElement/
![HTML/JavaScriptでページ最上部からの位置を取得する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/ffd54cac8a600a3fe3d11f57737442a2b6f79fbf/height=288;version=1;width=512/https%3A%2F%2Fblog.foresta.me%2Fimages%2Feyecatch.png)