その位置までのスクロール量

0pt   2018-08-10 14:46
IT技術情報局

例えば、
下部にボタンを固定して、ある位置に来たら固定を解除する
とか
あるエレメントが見えたらナニカを発火する
とか
の時に使う、「その位置までのスクロール量」の取得仕方を自分的備忘録もかねて書いておく。

Math.floor((Element.getBoundingClientRect().top + window.pageYOffset) - window.innerHeight);

画面上からそのエレメントまでの距離 + スクロール量 – 画面の高さ
Math.floorを使うのは場合によっては小数点以下が出てしまうため。

細かい処理とかは必要だけど、単純に取得するならこれで。

Source: Javascriptタグが付けられた新着投稿

   ITアンテナトップページへ
情報処理/ITの話題が沢山。