javascript 检查是否在viewport中 - jQuery

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 检查是否在viewport中 - jQuery相关的知识,希望对你有一定的参考价值。

function checkIfInViewport(element, callback, direction) {
    $(element).each(function() {
      const divPos = $(this).offset().top;
      const topOfWindow = $(window).scrollTop();
      const windowHeight = $(window).height();
      if (divPos < topOfWindow + windowHeight) {
        callback(this, direction);
      }
    });
  }
}


function bounceInAndSetOpacity(element, direction) {
    $(element)
      .addClass(`animated bounceIn${direction}`)
      .css('opacity', 1);
  }

以上是关于javascript 检查是否在viewport中 - jQuery的主要内容,如果未能解决你的问题,请参考以下文章

javascript elementIsVisibleInViewport元素是否可见#js #viewport

javascript elementIsVisibleInViewport元素是否可见#js #viewport

javascript javascript检查元素是否出现在间隔中

javascript JavaScript - 检查页面是否在iframe中

javascript JavaScript - 检查页面是否在iframe中

javascript 检查名称是否在字符串中