//判斷指定對象是否進入瀏覽器可視窗口,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'); } })