判断指定对象是否进入浏览器可视窗口,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');
	   	}
   })

  

原文地址:https://www.cnblogs.com/Knowledge-is-infinite/p/11534076.html