jQuery:当 div 进入 View 时如何触发事件？

Question

这个问题已经有答案了:

How to check if element is visible after scrolling? (46 个回答)

已关闭 5 年前。

当页面滚动到足以让 div 进入 View 时，有什么方法可以用 jQuery 触发事件吗？

Answer 1

如果您只需要触发一次:

$(window).scroll(function(){
  // This is then function used to detect if the element is scrolled into view
  function elementScrolled(elem)
  {
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();
    var elemTop = $(elem).offset().top;
    return ((elemTop <= docViewBottom) && (elemTop >= docViewTop));
  }

  // This is where we use the function to detect if ".box2" is scrolled into view, and when it is add the class ".animated" to the <p> child element
  if(elementScrolled('. box2')) {


  // Your function here

  }
});

完整答案:https://www.thewebtaylor.com/articles/how-to-detect-if-an-element-is-scrolled-into-view-using-jquery