CSS3

プロパティ

overflow-anchor

  編集:2022.07.14 by T.A.

mdn

スクロール anchor 法。

名前 overflow-anchor
auto | none
初期値 auto
適用対象 すべての要素
継承 されない
百分率 受容しない
算出値 指定されたキーワード
正準的順序 文法に従う
アニメーション型 離散的

スクロール anchor 法は、旧来の内容においても利用者が便益を得られるよう、起動時から既定のふるまいになることを目指す。web ページは、overflow-anchor プロパティにより、スクロール anchor 法の一部または全部を任意選択で不能化したり、DOM 内のある部位を anchor ノード選定アルゴリズムから除外できる。

各種 値は、次に従って定義される:

auto
要素 またはその先祖により作成される どのスクロールされるボックスに対しても、[要素は、anchor ノード選定アルゴリズムに関与するに適格である]ものと宣言する。
none
要素 またはその先祖により作成される どのスクロールされるボックスに対しても、[要素とその子孫(のうち、スクロールしている別の要素の内側に入れ子にされていないもの)は、anchor ノード選定アルゴリズムに関与するに適格でない]ものと宣言する。
<A href="#Aeee">eee</A><BR>
<DIV style="border:1px solid red; width:100px; height:50px;
 overflow:auto;
 overflow-anchor:none;
">aaaaaa<BR>bbb<BR>ccc<BR>ddd<BR><A id=Aeee style="overflow-anchor:none;">eee</A><BR>fff
</DIV>
注記: overflow-anchor に none を指定した要素においては、子孫のスクロール anchor 法を“オンに戻す”よう転じることは可能でない。しかしながら、子孫スクロール コンテナでは、(自前のスクロールされるボックス用に)自動的に“オンに戻す”よう転じる ― それら子孫の overflow-anchor も明示的に none に設定しない限り。
注記: overflow-anchor プロパティは CSS Sticky Scrollbars 用にも提案されているが(異なる値をとるものとして)、今や 他に取って代わられた

テスト
HTML:

ここに表示
<SCRIPT>
function TestP(N){
	var ACol=TestA.anchors(N);
	alert(ACol);
}
</SCRIPT>
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: