//判断指定对象是否进入浏览器可视窗口,true 进入,false 没进入 var $win = $(window);//jQuery 的 window 对象 即:文档对象 function isVisible($elem){ // console.log($win.height());//浏览器可视窗口的高度,也能够是任意DOM对象 // console.log($win.width());//浏览器可视窗口的高度,也能够是任意DOM对象 // console.log($win.scrollTop());//滚动条已经滚上去,隐藏起来的高度,即滚动条顶部距离浏览器顶部的距离 // console.log($elem.offset());//$elem对象距离文档可视窗口左边和顶部的距离,有两个值,left 和 top // console.log($elem.offset().left); // console.log($elem.offset().top); // console.log($elem.height());//任意DOM对象的宽高 // console.log($elem.width())//任意DOM对象的宽高 return ($win.height() + $win.scrollTop() > $elem.offset().top) && ($win.scrollTop() < $elem.offset().top + $elem.height); } var $floor = $('.floor'); $floor.each(function(index,elem){ if (isVisible($(elem))) { console.log('the ' + (index + 1) + 'floor is visible'); } })