回答編集履歴
1
言い回しの修正
answer
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
ちょっとヘッダ内の「非固定エリア」などDOMの構成が不明な部分はありますが、
|
|
2
1
|
**ヘッダの高さが取れない**、ということだけ考えると、
|
|
3
2
|
ヘッダの高さが変わる前にpadding-topの計算が走っちゃってるのが原因かもですね。
|
|
4
3
|
|
|
@@ -15,9 +14,9 @@
|
|
|
15
14
|
ヘッダの拡縮がコンテンツ全体のY位置に影響してしまうのであまりよろしくないかなと。
|
|
16
15
|
|
|
17
16
|
最初からヘッダは
|
|
18
|
-
position:fixed
|
|
17
|
+
position:fixedもしくはabsolute
|
|
19
18
|
で置いて、.mainにも必要なら最初からpadding-topをある程度設けておき、
|
|
20
|
-
ヘッダ固定（というかこの場合は「縮小」
|
|
19
|
+
ヘッダ固定（というかこの場合は「縮小」?）時には、ヘッダの高さだけ変える（今回であれば上下paddingを変更する）だけにすれば、
|
|
21
20
|
ヘッダ以外の部分のY位置に影響せず、ヘッダのみの拡縮で済むので、padding-topとかを複雑に考えなくても良いのかなと思いますがいかがでしょうか？
|
|
22
21
|
|
|
23
22
|
※答えが見当違いだったら申し訳有りません・・・
|