在 JavaScript 中使用滾動偵聽器時，經(jīng)常會遇到性能問題。這是因為滾動偵聽器會在每個滾動事件上觸發(fā)，這可能非常頻繁。大多數(shù)時候，此類偵聽器用于無限滾動和延遲加載，這意味著滾動事件不會被攔截。因此，Event.preventDefault()不會被調(diào)用，給我們一個優(yōu)化機會。

JavaScript

window.addEventListener('scroll', () => { ?// Do something ?// Can't use `preventDefault` here}, { passive: true });

如該代碼片段所示，將選項 passive 設(shè)置為 true 將在瀏覽器中啟用某些性能優(yōu)化。這樣，瀏覽器就會知道它可以安全地跳過事件隊列并立即執(zhí)行滾動監(jiān)聽器。結(jié)果是用戶體驗更加流暢，因為滾動事件將立即處理，而不是排隊等待稍后處理。

更多內(nèi)容請訪問我的網(wǎng)站：https://www.icoderoad.com