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

Check if element is x pixels away from being visible

本文关键字：像素 距离 元素 是否 检查      更新时间：2023-09-26

我找到了这个函数来检查一个元素是否在屏幕上可见:

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));
}

如何修改，使它将返回true，如果一个元素是x像素(例如500像素)从屏幕上可见?(元素位于屏幕下方)

假设这个函数按照你想要的方式工作，只需添加到docViewBottom

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