忍者ブログ

ひつ(じのひよこが)プログラミングします。
お仕事や趣味で困ったこととか、何度も「あれ?どうだったかしら」と調べたりしたこととか、作ったものとか、こどものこととかを書きます
★前は週末定期更新でしたが今は不定期更新です

2024/05    04« 1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  18  19  20  21  22  23  24  25  26  27  28  29  30  31  »06

対象となる要素がページの上端からどれだけの距離にあるのか計算する

const element = document.getElementById('targetElement');
console.log(window.pageYOffset + element.getBoundingClientRect().top);

window.pageYOffset でスクロールがページの上端からどれくらいの位置にあるのかを取得する。

element.getBoundingClientRect() で今のスクロール位置からの相対距離と要素のサイズを取得する。そのうち、 top の値が今のスクロール位置との相対的な高さとなる。

PR

コメント

ただいまコメントを受けつけておりません。

ブログ内検索

P R