- [1] [WEAK[2003-02-12 15:21]] ''[[名無しさん]]'': [[Mozilla]] の今の実装の scroll bar はどうも不安定。 [CODE(CSS)[overflow:scroll]] や [[textarea]] 要素によってでてくる scroll bar はスタイル指定の相性?できえがち。

[2]
[CITE[overflow プロパティは擬似フレームも作成できる]] <http://web.archive.org/web/20040221221340/kobit.info/tips/overflow.html>

[3]
[SAMP(CSS)[overflow: -moz-hidden-unscrollable;]]

[4]
[CITE[overflowの解釈、間違ってませんか? - WebStudio]] <http://www.d-toybox.com/studio/weblog/show.php?mode=single&id=2005092101>
([[名無しさん]] [WEAK[2005-09-21 03:23:30 +00:00]])

[5]
[CITE[Bug 6976 - Horizontal scrollbar is missing. {was: "create scrollbar for / allow scrolling to overflow top (above) / left of container (Left side of the page is cut)"}]] <https://bugzilla.mozilla.org/show_bug.cgi?id=6976>
([[名無しさん]] [WEAK[2005-12-18 23:54:22 +00:00]])

[7]
[CODE(CSS example)@en[overflow: [[-webkit-marquee]]]]

[15]
[CITE[Operaのバグ発見 二つ目:メモランダム]] ([CODE[2007-08-04 03:44:15 +09:00]] 版) <http://mynotes.jp/blog/2007/07/opera_css_bug2>
([[名無しさん]])

[16]
[CITE[IT戦記 - body の overflow: hidden が変]] ([CODE[2007-08-18 12:50:19 +09:00]] 版) <http://d.hatena.ne.jp/amachang/20070802/1186031892>
([[名無しさん]] [WEAK[2007-08-18 07:31:33 +00:00]])

[6]
[[WinIE 6]] における [CODE(CSS)@en[[[overflow]]]],
[CODE(CSS)@en[[[overflow-x]]]], [CODE(CSS)@en[[[overflow-y]]]]
は、 [[CSSOM]] や [CODE(DOMa)@en[[[cssText]]]] 的には、
無関係の[[特性]]として扱われているようです。

[8]
[[Firefox]] 2 における [CODE(CSS)@en[[[overflow]]]] は、
[CODE(CSS)@en[[[overflow-x]]]] と [CODE(CSS)@en[[[overflow-y]]]]
の [[shorthand]] として扱われているようです。

;;
[9]
[[Opera]] 9 は [CODE(CSS)@en[[[overflow-x]]]] と 
[CODE(CSS)@en[[[overflow-y]]]] を実装していません。

* Viewport のスクロールバー

[17] [CODE(HTMLe)@en[[[html]]]] [[要素]]や [CODE(HTMLe)@en[[[body]]]]
[[要素]]に [CODE(CSS)@en[[[overflow]]: [[scroll]]]] や
[CODE(CSS)@en[[[width]]]] や [CODE(CSS)@en[[[height]]]] を指定してみました。

;; <http://suika.fam.cx/~wakaba/-temp/test/css/box/mode/>
の body-body-scroll、html-body-scroll、html-html-scroll、html-html-body-scroll。

- [[Firefox3]]
-- モードによる違いなし。
-- [CODE(HTMLe)@en[[[html]]]] と [CODE(HTMLe)@en[[[body]]]] の外側の方の [CODE(CSS)@en[[[overflow]]]] が [[viewport]] に適用される。
-- [CODE(CSS)@en[[[overflow]]]] が [[viewport]] に反映される場合、[[要素]]の[[箱]]は
[CODE(CSS)@en[[[visible]]]] 扱い ([[内容]]がはみ出る)。
-- [CODE(CSS)@en[[[width]]]]、[CODE(CSS)@en[[[height]]]] は[[要素]]の[[箱]]に反映される。
-- 両方共 [CODE(CSS)@en[[[overflow]]]] を指定すれば
[CODE(HTMLe)@en[[[body]]]] の[[箱]]にも[[スクロールバー]]が出る。
- [[Safari3]]
-- モードによる違いなし。
-- [CODE(HTMLe)@en[[[html]]]] と [CODE(HTMLe)@en[[[body]]]] の外側の方の [CODE(CSS)@en[[[overflow]]]] が [[viewport]] に適用される。
-- [CODE(CSS)@en[[[overflow]]]] が [[viewport]] に反映される場合、[[要素]]の[[箱]]は
[CODE(CSS)@en[[[visible]]]] 扱い ([[内容]]がはみ出る)。
-- [CODE(CSS)@en[[[width]]]]、[CODE(CSS)@en[[[height]]]] は[[要素]]の[[箱]]に反映される。
-- 両方共 [CODE(CSS)@en[[[overflow]]]] を指定しても
[CODE(HTMLe)@en[[[body]]]] の[[箱]]にも[[スクロールバー]]は出ない
([[内容]]がはみ出る)。
- [[Opera9]]
-- [[奇癖モード]]では [CODE(CSS)@en[[[height]]]] を指定しても[[内容]]に合わせて伸びる。
-- [CODE(HTMLe)@en[[[html]]]] と [CODE(HTMLe)@en[[[body]]]] の外側の方の [CODE(CSS)@en[[[overflow]]]] が [[viewport]] に適用される。
-- [CODE(CSS)@en[[[overflow]]]] が [[viewport]] に反映される場合、[[要素]]の[[箱]]は
[CODE(CSS)@en[[[visible]]]] 扱い ([[内容]]がはみ出る)。
-- [CODE(CSS)@en[[[width]]]]、[CODE(CSS)@en[[[height]]]] は原則として[[要素]]の[[箱]]に反映される。
-- 両方共 [CODE(CSS)@en[[[overflow]]]] を指定すれば
[CODE(HTMLe)@en[[[body]]]] の[[箱]]にも[[スクロールバー]]が出る。
- [[WinIE7]]
-- [CODE(HTMLe)@en[[[body]]]] に [CODE(CSS)@en[[[overflow]]]]
を指定すると、
--- [[無奇癖モード]]: [[要素]]の[[箱]]に[[スクロールバー]]が出る。
[CODE(HTMLe)@en[[[body]]]] の [CODE(CSS)@en[[[width]]]]、
[CODE(CSS)@en[[[height]]]] は[[箱]]に適用される。
--- [[奇癖モード]]: [CODE(CSS)@en[[[overflow]]]] は [[viewport]] に適用される。
[CODE(HTMLe)@en[[[body]]]] の [CODE(CSS)@en[[[width]]]]、
[CODE(CSS)@en[[[height]]]] は無視される。
-- [CODE(HTMLe)@en[[[html]]]] に [CODE(CSS)@en[[[overflow]]]]
を指定すると、
--- [[無奇癖モード]]: [CODE(CSS)@en[[[overflow]]]] は [[viewport]] に適用される。
[CODE(HTMLe)@en[[[html]]]] の [CODE(CSS)@en[[[width]]]]、
[CODE(CSS)@en[[[height]]]] は[[箱]]に適用されるが、どちらも[[内容]]に応じて伸びる。
--- [[奇癖モード]]: [CODE(HTMLe)@en[[[html]]]] の [CODE(CSS)@en[[[overflow]]]]、
[CODE(CSS)@en[[[width]]]]、
[CODE(CSS)@en[[[height]]]] は無視される。




[18] [CITE[IlayerOverflowAttribute - doctype - The ilayer overflow attribute - Project Hosting on Google Code]]
([TIME[2010-03-20 19:47:21 +09:00]] 版)
<http://code.google.com/p/doctype/wiki/IlayerOverflowAttribute>

[19] [CITE[Layer]]
([TIME[2005-04-03 06:20:42 +09:00]] 版)
<http://www.blooberry.com/indexdot/html/tagpages/l/layer.htm>