你是否曾經造訪網頁,開始閱讀部分內容,但由於廣告或圖片載入,導致網頁彈出,讓你無法繼續閱讀網頁?
建議您查看 Chrome 51 中的 Scroll Anchoring 標記。
捲動錨點會追蹤您在頁面上的所在位置,並防止任何導致重排的因素影響您在頁面上的所在位置。
如要親自試用這項功能,請按照下列步驟操作:
- 前往 Chrome 開發人員版/Canary 的 chrome://flags/#enable-scroll-anchoring
- 在下拉式選單中選取「已啟用」
- 按一下畫面底部的「立即重新啟動」
這樣一來,您就會啟用捲動錨點。
我們已使用這項功能一段時間,相信這將大幅改善所有使用者的網路體驗,但我們希望確保這項功能在所有地方都能正常運作。如果您發現任何例子,其中捲動錨點無法處理網頁中的重新流動,或是例子中不應介入重新流動,我們非常希望能聽到您的意見!
如有任何不尋常行為,請填寫這份表單提供意見回饋 / 範例:g.co/reportbadreflow
常見問題
這項異動對 JavaScript 捲動有何影響?
簡單來說,這並非必要。
這項變更會改變重新流布局所造成的捲動效果。舉例來說,如果在元素中加入類別名稱,導致元素高度增加,就會造成重新流動,而捲動錨點則可避免頁面跳動。
呼叫 window.scrollTo(0, 1)
(是的,就是舊版駭客攻擊) 不會導致重新流動,並且會正常運作。觸控事件也是如此。
如果您發現捲動錨點影響網頁的情況,請透過這份表單提供意見回饋:g.co/reportbadreflow