javascript - 使用 webkit 过滤器 javascript 停止调用滚动功能的延迟

Question

每次用户滚动页面时，我都会调用此函数：

window.onscroll=function(){
   document.getElementById("navBlurContent").style.top=-window.pageYOffset+125+"px";
}

但是，这会导致浏览器出现很多延迟。我注意到 jQuery 的一些答案会延迟调用函数的时间。但是，我想严格使用 javascript。我想知道这是怎么做到的。

我现在意识到大部分延迟是由我在元素上的 -webkit-filter 引起的。但我不知道如何阻止它。

谢谢

Answer 1

尽量不要在每次滚动时都进行 DOM 选择。

缓存它：

var blur_content = document.getElementById("navBlurContent");
window.onscroll=function(){
   blur_content.style.top=-window.pageYOffset+125+"px";
};