您是否曾在造訪某個網頁時開始閱讀其中部分內容,又因廣告或圖片載入作業而出現彈出式視窗,導致網頁空間消失?
建議您查看 Chrome 51 版中的捲動錨定標記。
捲動錨定功能會追蹤您在網頁上的哪個位置,並避免任何造成重排影響您網頁位置的因素。
如要親自試用這項功能,請按照下列步驟操作:
- 前往 Chrome 開發人員版/ Canary 版中的 chrome://flags/#enable-scroll-anchoring
- 在下拉式選單中選取「已啟用」
- 按一下畫面底部的「立即重新啟動」
然後啟用捲動錨定標記。
您已經使用這項工具了一段時間,我們相信這會大幅改善所有使用者的瀏覽體驗,但我們希望確保它在任何地方都能正常運作。如果您發現有任何例子:捲動錨定功能無法在網頁中處理自動重排,或是其他不應介入的例子,我們非常想聽聽這些做法!
填寫以下表單,針對出現非預期行為的情況提供意見 / 示例:g.co/reportbadreflow
常見問題
這項變更對 JavaScript 捲動有何影響?
簡單來說,這不實用。
這項變更可以變更自動重排造成的捲動效果。舉例來說,如果在元素中新增類別名稱會使元素增加高度,將出現自動重排和捲動錨定標記,會導致頁面無法跳轉。
呼叫 window.scrollTo(0, 1)
(是舊的學校駭客) 不會造成重排,而且會正常運作。觸控事件也是如此。
如果您發現捲動錨定廣告對網頁造成影響的示例,請透過以下表單提供意見:g.co/reportbadreflow