setInterval（）导致我的页面滞后

Question

我需要继续检查文档的滚动位置。 我的代码当前为：

setInterval(function(){ check() }, 1000);
function check() {
    if ($(document).scrollTop()  >700) {
       // do something, like drop down a menu or whatever
    }
    if ($(document).scrollTop() <= 700) {
       // do something
    }
}

这使我的网页很慢。 是否有其他方法可以使用较少的资源来检查用户的滚动位置？

Answer 1

window对象具有一个onScroll事件，您可以监听。 例如：

var $document = $(document);
$(window).bind('scroll', function() {
  if ($document.scrollTop() > 700) {
    // do something
  } else {
    // do something else
  }
});

另外，请注意，存储$(document)的返回值并重新使用它会稍微提高性能。