LoginSignup
2
3

More than 5 years have passed since last update.

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

Last updated at Posted at 2018-08-10

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

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

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

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

2
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
3