jQuery的文档中提到性能优化的时候,有一条就是关于事件触发频率的问题,大部分影响性能的操作不是click
之类的事件,而是scroll
,mouseover
这样的事件。解决这些事件频繁触发的方法也很简单,就是加一个定时器,延时执行。
function debounce(method, delay) {
clearTimeout(method._tId); // important!
method._tId = setTimeout(function() {
method();
}, delay);
}
var DAscrollPosition = $(window).scrollTop();
function getScrollDirection() {
var scroll = $(window).scrollTop();
if (scroll > DAscrollPosition) {
parent.postMessage('scrolldown', 'http://www.tlc.com.adops-002.dp.discovery.com');
}
if ((scroll < 100) && (scroll < DAscrollPosition)) {
parent.postMessage('scrollup', 'http://www.tlc.com.adops-002.dp.discovery.com');
}
DAscrollPosition = scroll;
};
$(window).scroll(function() {
debounce(getScrollDirection, 100);
});