使用被動事件監聽器改善捲動效能

Kayce Basques

在 Chrome 51 中，新增了被動事件事件監聽器，這是一種新興的網路標準，可大幅提升捲動效能，尤其是在行動裝置上。請觀看以下影片，瞭解改善功能的實際運作方式：

運作方式

當您捲動頁面時，如果頁面有延遲，讓您感覺頁面並未固定在手指上，這就是所謂的捲動卡頓。許多時候，當您遇到捲動卡頓時，罪魁禍首就是觸控事件監聽器。觸控事件監聽器通常可用於追蹤使用者互動情形，以及建立自訂捲動體驗，例如在與嵌入式 Google 地圖互動時，完全取消捲動。目前，瀏覽器無法得知觸控事件監聽器是否會取消捲動，因此會在監聽器完成後才捲動頁面。為瞭解決這個問題，您可以使用被動事件監聽器，在 addEventListener 的 options 參數中設定標記，表示監聽器絕不會取消捲動。有了這項資訊，瀏覽器就能立即捲動網頁，而非在事件監聽器完成後才捲動。

瞭解詳情

請參閱 Chromium 網誌，概略瞭解被動事件監聽器的運作方式：

新 API 可協助開發人員改善捲動效能

並參閱規格說明的存放區，瞭解如何實作被動事件監聽器：

被動事件監聽器說明