获取视口中的元素

时间:2013-08-12 19:32:35

标签: jquery jquery-animate viewport

我想要做的是在viewport中获取与其父容器相关的可见元素。检查是通过其父项的动态滚动来触发的。

我从这里找到了一些代码,这些函数可以检查元素是否在视口中,但不知何故我无法正确使用。

这是检查它是否在视口中的当前函数。

function  checkInView(elem,partial)
{
var container = $("#timeline_wrapper");
var contHeight = container.height();
var contTop = container.scrollTop();
var contBottom = contTop + contHeight ;

var elemTop = $(elem).offset().top - container.offset().top;
var elemBottom = elemTop + $(elem).height();

var isTotal = (elemTop >= 0 && elemBottom <=contHeight);
var isPart = ((elemTop < 0 && elemBottom > 0 ) || (elemTop > 0 && elemTop <= container.height())) && partial ;

return  isTotal  || isPart ;
}

这里是我试图制作的完整集的小提琴:http://jsfiddle.net/j3toxicat3d/zrnCU/

0 个答案:

没有答案