调用函数onload，也onscroll吗？

Question

我有一个在用户滚动时调用的函数。 效果很好，但是对于那些位于文档顶部（当然也是视口顶部）的元素，函数内部的效果在第一次滚动后执行。 我需要知道是否可以做这样的事情：

if(window.onscroll || window.onload){
    function toExecute(){}
}

Answer 1

最简单的方法是将相同的功能绑定到load和scroll事件。
但是，由于滚动处理程序被非常快速地调用，并且很容易在移动设备或较旧的浏览器上引起性能问题，因此最好对滚动处理程序进行去抖动处理。

 function foo() { console.log('foo called at ' + new Date()); } let timer; function debouncedFoo() { if (timer) return; timer = setTimeout(() => { timer = null; foo(); }, 20); } window.addEventListener('load', foo); window.addEventListener('scroll', debouncedFoo); 

 body { height: 3000px; }