当我向下滚动时,当元素出现在窗口中时,我如何在元素上执行函数?
发布于 2010-03-23 05:02:47
我不妨把它贴在这里作为一个答案:
function elementInView($elem, vps, vpe) {
var elempos = $elem.position();
var pagestart = elempos.top + vps;
var pageend = elempos.top + vps + $elem.height();
var offset = $elem.height() - Math.max(0,vps-pagestart) - Math.max(0,pageend-vpe);
return (vpe > 0 && offset > -200);
}
$('#container').bind('scroll', function() {
var $container = $(this);
var vps = $container.scrollTop();
var vpe = vps + $container.height();
$('li', '#container').each(function() {
var $this = $(this);
if (elementInView($this,vps,vpe)) {
// $this is now in view
}
});
});我知道这有一些性能问题,可以优化,但这应该是一个开始。
发布于 2010-03-23 04:57:21
function isScrolledIntoView(elem)
{
var docViewTop = $(window).scrollTop();
var docViewBottom = docViewTop + $(window).height();
var elemTop = $(elem).offset().top;
var elemBottom = elemTop + $(elem).height();
return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom));
}via https://stackoverflow.com/questions/487073/jquery-check-if-element-is-visible-after-scroling
https://stackoverflow.com/questions/2495615
复制相似问题