CSS overflow-anchor 屬性

定義和用法

overflow-anchor 屬性用于關閉滾動錨定（scroll anchoring）。

滾動錨定是瀏覽器的一項功能，用于防止在加載新內容時，已經滾動到視口中的區域發生移動。這通常在網絡連接較慢時成為一個問題，即用戶在頁面完全加載之前向下滾動并開始閱讀。

實例

關閉滾動錨定：

div {
  overflow-anchor: none;
}

親自試一試

CSS 語法

overflow-anchor: auto|none|initial|inherit;

屬性值

值 描述
auto 默認值。啟用滾動錨定。
none 禁用滾動錨定。
initial 將此屬性設置為其默認值。參閱 initial。
inherit 從其父元素繼承此屬性。參閱 inherit。

技術細節

默認值： auto
繼承性： 否
動畫制作： 不支持。請參閱：動畫相關屬性。
版本： CSS3
JavaScript 語法： object.style.overflowAnchor="none"

瀏覽器支持

表格中的數字表示首個完全支持該屬性的瀏覽器版本。

Chrome Edge Firefox Safari Opera
56.0 79.0 66.0 不支持 43.0

相關頁面

教程：CSS 溢出

參考：CSS overflow 屬性