zoukankan      html  css  js  c++  java
  • 判断指定对象是否进入浏览器可视窗口,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');
    	   	}
       })
    

      

  • 相关阅读:
    Java面向对象(三)
    Java面向对象(二)
    Java面向对象(一)
    java基础(六)
    java基础(五)
    java基础(四)
    java基础(三)
    java基础2
    java基础
    计算机内存
  • 原文地址:https://www.cnblogs.com/Knowledge-is-infinite/p/11534076.html
Copyright © 2011-2022 走看看