忍者ブログ

GAM-22のメモ

overflow:auto;、offsetTop、scrollTop

2017.05 ← 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 →

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

overflow:auto;、offsetTop、scrollTop

offsetTop(hoge): offsetParent:

scrollTop(frame):

offsetTop-scrollTop:

height:400px?
element
height:100px

offsetTop(offsetLeftも)で返される値は、CSSのoverflow:auto;などで擬似フレームを作って、スクロールした時の動きを考慮していない。ということを検証してみました。

思ったとおり、offsetTopの値はピクリともしません。

ということは、正確なエレメントの座標を出すには、全親要素を調べて、overflow:auto;が適応されているの親要素を見つけたら、そのスクロール分を減算していかないと、正確な値は出せないんでしょうかね? 面倒だ。

PR
この記事にコメントする
お名前
タイトル
文字色
URL
コメント
パスワード Vodafone絵文字 i-mode絵文字 Ezweb絵文字
この記事にトラックバックする
トラックバックURL:
カテゴリー
カウンター
最新記事
最新コメント
Twitter
人気記事
Amazon お買い得情報
Amazon お買い得情報
プロフィール
自画像
HN :
GAM-22
性別:
男性
職業:
大学1年生
HSP暦:
6年
好きなもの :
ゲーム, アニメ, マヨネーズ
嫌いなもの :
運動, 注射, ホラー映画, 英語
好きなバンド :
Muse, Radiohead
その他 :
文章能力が欠如している
バナー
Copyright © GAM-22のメモ All Rights Reserved
Powered by ニンジャブログ Designed by ピンキー・ローン・ピッグ 忍者ブログ / [PR]