實驗時間 - 捲動錨定廣告

Matt Gaunt

您是否曾在造訪某個網頁時開始閱讀其中部分內容,又因廣告或圖片載入作業而出現彈出式視窗,導致網頁空間消失?

建議您查看 Chrome 51 版中的捲動錨定標記。

捲動錨定功能會追蹤您在網頁上的哪個位置,並避免任何造成重排影響您網頁位置的因素。

如要親自試用這項功能,請按照下列步驟操作:

  1. 前往 Chrome 開發人員版/ Canary 版中的 chrome://flags/#enable-scroll-anchoring
  2. 在下拉式選單中選取「已啟用」
  3. 按一下畫面底部的「立即重新啟動」

然後啟用捲動錨定標記。

您已經使用這項工具了一段時間,我們相信這會大幅改善所有使用者的瀏覽體驗,但我們希望確保它在任何地方都能正常運作。如果您發現有任何例子:捲動錨定功能無法在網頁中處理自動重排,或是其他不應介入的例子,我們非常想聽聽這些做法!

填寫以下表單,針對出現非預期行為的情況提供意見 / 示例:g.co/reportbadreflow

常見問題

這項變更對 JavaScript 捲動有何影響?

簡單來說,這不實用。

這項變更可以變更自動重排造成的捲動效果。舉例來說,如果在元素中新增類別名稱會使元素增加高度,將出現自動重排和捲動錨定標記,會導致頁面無法跳轉。

呼叫 window.scrollTo(0, 1) (是舊的學校駭客) 不會造成重排,而且會正常運作。觸控事件也是如此。

如果您發現捲動錨定廣告對網頁造成影響的示例,請透過以下表單提供意見:g.co/reportbadreflow