以下是一些使用javascript和jquery 获取当前在视图中可见的元素的选项(在屏幕上可见)。 出现插件效果很好。
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));
}
[/js]
appear plugin: http://code.google.com/p/jquery-appear/
[js]
$('#foo').appear(function() {
$(this).text('Hello world');
});
waypoints插件: http : //imakewebthings.github.com/jquery-waypoints/