выбрав элемент, который был прокручен до - PullRequest
2 голосов
/ 15 августа 2011

У меня есть прокручиваемый сайт, который использует плагин Jquery ScrollTo. То, что я пытаюсь сделать, - это выбрать элемент в только что выделенном разделе, чтобы я мог анимировать его, как только элемент будет виден на экране. предложения?

1 Ответ

1 голос
/ 15 августа 2011

Вы можете найти верхнюю часть элемента и сравнить с документом scrollTop в событии onAfter плагина scrollTo.

$("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
  } 
}

  });
})
...