Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
實驗時間 - 捲動錨定廣告
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
你是否曾經造訪網頁,開始閱讀部分內容,但由於廣告或圖片載入,導致網頁彈出,讓你無法繼續閱讀網頁?
建議您查看 Chrome 51 中的 Scroll Anchoring 標記。
捲動錨點會追蹤您在頁面上的所在位置,並防止任何導致重排的因素影響您在頁面上的所在位置。
如要親自試用這項功能,請按照下列步驟操作:
- 前往 Chrome 開發人員版/Canary 的 chrome://flags/#enable-scroll-anchoring
- 在下拉式選單中選取「已啟用」
- 按一下畫面底部的「立即重新啟動」
這樣一來,您就會啟用捲動錨點。
我們已使用這項功能一段時間,相信這將大幅改善所有使用者的網路體驗,但我們希望確保這項功能在所有地方都能正常運作。如果您發現任何例子,其中捲動錨點無法處理網頁中的重新流動,或是例子中不應介入重新流動,我們非常希望能聽到您的意見!
如有任何不尋常行為,請填寫這份表單提供意見回饋 / 範例:g.co/reportbadreflow
常見問題
簡單來說,這並非必要。
這項變更會改變重新流布局所造成的捲動效果。舉例來說,如果在元素中加入類別名稱,導致元素高度增加,就會造成重新流動,而捲動錨點則可避免頁面跳動。
呼叫 window.scrollTo(0, 1) (是的,就是舊版駭客攻擊) 不會導致重新流動,並且會正常運作。觸控事件也是如此。
如果您發現捲動錨點影響網頁的情況,請透過這份表單提供意見回饋:g.co/reportbadreflow
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2016-04-07 (世界標準時間)。
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2016-04-07 (世界標準時間)。"],[],[]]