とっととhoge書こう

ああだこうだ言わずテスト書いてhoge出す

JavaScript

要素のページ内での位置(高さ)取得

投稿日:2019年2月12日 更新日:

信じられないくらいその要素のページ内での高さの取り方を忘れるので、残します。
element.getBoundingClientRect() 
これはビューポートベースなので、window.pageYOffsetを足す。

つまり以下。

element.getBoundingClientRect().top + window.pageYOffset 


参考させてもらいました。
http://phiary.me/javascript-get-bounding-client-rect-absolute-position/

-JavaScript

執筆者:


comment

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

CAPTCHA


関連記事

no image

Core Web VitalsでCLSがなかなか改善できない場合に見るべきこと

Core Web Vitalsの中でもCLS(Cummulative Layout Shift)がなかなか改善しない、と悩んでいる方向けです。 例えばPageSpeed Insightsで分析かけて指 …

jQueryの.not()を生のJavaScriptでやる

jQueryを卒業してやるんだという強い意思 対象要素.not(除外する要素)といったことを、jQuery使わずJavaScriptでやりたい場面がありました。 .not()についてはこちら参考くださ …