-
Notifications
You must be signed in to change notification settings - Fork 4
/
356.txt
52 lines (36 loc) · 2.38 KB
/
356.txt
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
* [CODE(CSS)@en['position: fixed']] (CSS)
[3] [[CSS]] の [CODE(CSS)@en['[[position]]']] [[特性]]の値
[DFN[[CODE(CSS)@en['[[fixed]]']]]] は、[[箱]]を[[固定配置]]することを表します。
** 仕様書
-[2] [[CSS 2.1]]
-- <http://www.w3.org/TR/CSS21/visuren.html#propdef-position>
** 処理モデル
[4] [[箱]]の位置は [CODE(CSS)@en['[[position]]: [[absolute]]']] の場合と同じように計算しますが、
[[固定配置]]の場合、何らかの参照物に対して[[固定]]されます。
- [[媒体]]が [CODE(CSS)@en[[[handheld]]]], [CODE(CSS)@en[[[projection]]]],
[CODE(CSS)@en[[[screen]]]], [CODE(CSS)@en[[[tty]]]], [CODE(CSS)@en[[[tv]]]] の場合、
[[箱]]は [[viewport]] に対して固定され、[[スクロール]]によって移動しません。
- [[媒体]]が [CODE(CSS)@en[[[print]]]] の場合、[[箱]]は各頁に[[レンダリング]]され、
[[頁箱]]に対して[[固定]]されます。これは[[頁]]が ([[印刷プレビュー]]などで)
[[viewport]] を介して表示される場合であってもです。
- その他の[[媒体]]では、[[表現]]は未定義です。
[SRC[[[CSS 2.1]]]]
[5] [CODE(CSS)@en['[[position]]': '[[absolute]]']] の場合同様、
[[余白]]は他の[[余白]]と[[結合]]されません。
[SRC[[[CSS 2.1]]]]
[6] [[利用者エージェント]]は[[固定]]された[[箱]]の[[内容]]を[RUBYB[[[頁化]]]@en[paginate]]しては[['''なりません''']]。
[[利用者エージェント]]は見えない部分を他の方法で[[印刷]]して構いません。
[SRC[[[CSS 2.1]]]]
* 固定配置
** 実装
[1]
[CITE@ja[Position Fixed Behavior for Internet Explorer 5+]] ([TIME[2005-07-15 01:06:06 +09:00]] 版) <http://www.minc.ne.jp/~konda/web_resoce/js/behavior/pos-fixed.html>
[7] [CITE[Loosely - Androidのposition:fixed;とz-indexのバグ?]]
( ([TIME[2012-11-12 02:03:50 +09:00]] 版))
<http://loosely.net/archives/82>
[8] [CITE[2010-06-10 - 冬通りに消え行く制服ガールは✖夢物語にリアルを求めない。 - subtech]]
( ([TIME[2012-11-12 02:04:45 +09:00]] 版))
<http://subtech.g.hatena.ne.jp/cho45/20100610>
[9] [CITE[CSS - iOSでposition:fixedした要素がスクロール中だけz-indexを無視して前面に表示されてしまうバグ - Qiita]]
( ([TIME[2014-02-14 05:12:38 +09:00]] 版))
<http://qiita.com/HieroglypH/items/743781f0b87f66d071c5>