jquery - 选择已滚动到的元素

Question

我有一个使用 Jquery ScrollTo 插件的滚动站点。我想做的是选择刚刚滚动到的部分中的一个元素，以便在该元素在屏幕上可见时我可以为其设置动画。 有什么建议吗？

Answer 1

您可以在scrollTo插件的onAfter事件中找到元素的顶部并与文档scrollTop进行比较。

$("div").scrollTo({
  onAfter: function(){//This is the callback function when the scrolling animation is complete.
  var scrollTop = $(document).scrollTop();
  var scrollLeft = $(document).scrollLeft();
  var elementWidth = $("div").find("elementToFind").width();
  var elementOffset = $("div").find("elementToFind").offset();
  var elementTop = elementOffset.top;
  var elementLeft =elementOffset.left;

  if((elementTop > scrollTop) && (elementTop < $(window).height() + scrollTop) &&
     ( elementLeft > scrollLeft) && ( (elementLeft + elementWidth) < $(window).width() + scrollLeft)){
    //The element is visible do something here
  } 
}

  });
})