zoukankan      html  css  js  c++  java
  • 判断一个元素是否出现

    <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="utf-8"/>
    	<title></title>
    	<style type="text/css">
    		html, body {
    			 3000px;
    		}
    		#ys {
    			background-color: #ff0000;
    		}
    	</style>
    </head>
    <body>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <div id="ys">nihao</div>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <p>adsas</p>
    <script type="text/javascript" src="js/jquery-1.10.2.js"></script>
    <script type="text/javascript">
    	$(window).scroll(function () {
    		if ($("#ys").is(check)) {
    			console.log("出现了");
    		}
    
    		function check() {
    			var $this = $(this);
    			var $thisOffsetTop = $this.offset().top;
    			var $thisOffsetLeft = $this.offset().left;
    
    			if ($thisOffsetTop <= $(window).scrollTop() + $(window).height() &&
    					$thisOffsetTop + $this.height() >= $(window).scrollTop() &&
    					$thisOffsetLeft <= $(window).scrollLeft() + $(window).width() &&
    					$thisOffsetLeft + $this.width() >= $(window).scrollLeft()) {
    				return true;
    			}
    			return false;
    		}
    	});
    </script>
    </body>
    </html>
    

      

  • 相关阅读:
    【QT】Linux下安装QT开发环境
    【C#】Winform嵌入dll到exe中
    使用maven插件构建docker镜像并推送到阿里镜像仓库
    蓝牙耳机连接 win10音量异常
    max virtual memory areas vm.max_map_count [65530] is too low
    docker 安装 confluence
    jenkins docker push脚本
    docker 删除指定名称的所有容器
    docker 安装 xxl-job-admin
    docker 安装 sentinel
  • 原文地址:https://www.cnblogs.com/zhishaofei/p/4112876.html
Copyright © 2011-2022 走看看