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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值