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像素），它如何修改以便返回true？（元素位于屏幕下方）。

Answer 1

假设此功能按您希望的方式工作，只需添加到docViewBottom

即可

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

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

1 个答案: