Javascript 检测一个';滚动到视图';使用jquery调用元素

Javascript 检测一个';滚动到视图';使用jquery调用元素,javascript,jquery,Javascript,Jquery,我有一个触发函数“scrollIntoView()”的元素。现在我必须在触发时检测并捕获此事件 我这样触发它: $('.element').scrollIntoView(); $('.element').on('scroll', function() { // STUFF }); $('.element').on('scrollIntoView', function() { // STUFF }); 所以我试着用jquery捕捉它,如下所示: $('.element').scrollInto

我有一个触发函数“scrollIntoView()”的元素。现在我必须在触发时检测并捕获此事件

我这样触发它:

$('.element').scrollIntoView();
$('.element').on('scroll', function() { // STUFF });
$('.element').on('scrollIntoView', function() { // STUFF });
所以我试着用jquery捕捉它,如下所示:

$('.element').scrollIntoView();
$('.element').on('scroll', function() { // STUFF });
$('.element').on('scrollIntoView', function() { // STUFF });
但不幸的是,它不起作用


这可能吗?它会触发哪个事件?

另外,不要直接绑定到滚动事件。使用requestAnimationFrame()提高性能。
$.fn.inView = function(){
      var win = $(window);
      var obj = $(this);
      var scrollPosition = win.scrollTop();
      var visibleArea = win.scrollTop() + win.height() ;
      var objEndPos = (obj.offset().top + obj.outerHeight());
      return(visibleArea >= objEndPos && scrollPosition <= objEndPos ? true : false)
  };