window.onresize 触发多次
我的浏览器高度高了5像素,onresize 执行5次。页面抖动厉害,有没有办法,同一时间高度扩展5像素,只执行一次onresize
window.onresize = () => {
}
window.onresize 触发多次
我的浏览器高度高了5像素,onresize 执行5次。页面抖动厉害,有没有办法,同一时间高度扩展5像素,只执行一次onresize
window.onresize = () => {
}
借助 函数防抖,可以引入 lodash
import _ from 'lodash'
window.onresize = _.debounce(function() {
}, 500)
意思就是,在页面窗口停止变化的500毫秒后,再执行回调函数。
用于页面滚动的 你改下试试
//页面滚动 侧导航对应项高亮
var timeout;
var dom_arr = $(".item_box");
$(window).scroll(function(){
if (timeout){
clearTimeout(timeout);
}
timeout = setTimeout(function(){
nav_add_on(dom_arr)
},200);
})
8 回答4.7k 阅读✓ 已解决
6 回答3.4k 阅读✓ 已解决
5 回答2.8k 阅读✓ 已解决
5 回答6.3k 阅读✓ 已解决
4 回答2.3k 阅读✓ 已解决
4 回答2.8k 阅读✓ 已解决
3 回答2.5k 阅读✓ 已解决
这是节流问题,可以参考https://segmentfault.com/a/11... 详细了解一下