jquery - 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)并重新使用它会稍微提高性能。