本文档提供了一个使用JavaScript实现的页面滚动事件防抖处理示例。通过定义一个防抖函数来避免在短时间内频繁触发相同事件导致的性能问题。具体实现了当用户滚动页面时，每隔500毫秒才触发一次滚动事件处理函数。
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div style = "height: 2000px;width: 300px;"></div>
<script>
function debounce(fun) {
var temp = true;
return function A(){
if(temp){
temp = false;
setTimeout(function(){
fun()
temp = true;
},500);
}
}
};
var ss = debounce(function(){
console.log("b");
})
window.onscroll = function(){
ss();
}
</script>
</body>
</html>
<html>
<head>
<title></title>
</head>
<body>
<div style = "height: 2000px;width: 300px;"></div>
<script>
function debounce(fun) {
var temp = true;
return function A(){
if(temp){
temp = false;
setTimeout(function(){
fun()
temp = true;
},500);
}
}
};
var ss = debounce(function(){
console.log("b");
})
window.onscroll = function(){
ss();
}
</script>
</body>
</html>
扫一扫
663
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
