检查元素是否离可见像素x像素

Question

我发现此功能可以检查元素是否在屏幕上可见：

function isScrolledIntoView(elem){
  var $elem = $(elem);
  var $window = $(window);

  var docViewTop = $window.scrollTop();
  var docViewBottom = docViewTop + $window.height();

  var elemTop = $elem.offset().top;
  var elemBottom = elemTop + $elem.height();

  return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}

如果元素距离屏幕上看不到x像素（例如500 px），则如何修改它以便返回true ？ （元素位于屏幕下方）。

Answer 1

假设此函数按您想要的方式工作，只需将其添加到docViewBottom

var x = 500; // or whatever buffer you find works best     
var docViewBottom = docViewTop + $window.height() + x;