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');
    	   	}
       })
    

      

  • 相关阅读:
    堆排序
    conda 安装pytorch
    Dev GridControl GridView常用属性
    java 同步调用和异步调用
    spring Boot 整合 Memcached (含 windows 安装)
    spring Boot 整合 Elasticsearch
    windows 下安装 elasticsearch
    代理模式---Cglib动态代理
    代理模式---JDK动态代理
    代理模式---静态代理
  • 原文地址:https://www.cnblogs.com/Knowledge-is-infinite/p/11534076.html
Copyright © 2011-2022 走看看