判斷指定對象是否進入瀏覽器可視窗口,true 進入,false 沒進入

   //判斷指定對象是否進入瀏覽器可視窗口,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');
	   	}
   })
相關文章
相關標籤/搜索