滚动页面时JavaScript显示活动div

Question

我几乎到处搜索，但找不到。 我有一个像Facebook或Instagram的饲料。 我像其他帖子（如instagram）一样，每5个帖子后放置一个addivtesment div。 问题是当滚动位置在addivtesment div上时我滚动页面时，我想用js添加一个类。 我怎样才能做到这一点？ 顺便说一下，当滚动是页面底部时，我会加载其他帖子。 先感谢您

Answer 1

您可以使用jquery getBoundingClientRect来检查元素是否在视图中，然后向其中添加视图中的类。 将div元素传递给以下方法，如果div在视口中，则它将返回true

function isElementInView(element){
  var boundry = element.getBoundingClientRect();

  var isInView = boundry.top >= 0 && boundry.left >= 0 &&  
                 boundry.bottom <= (window.innerHeight || $(window).height()) &&  
                 boundry.right <= (window.innerWidth || $(window).width());

  return isInView;
}