zoukankan      html  css  js  c++  java
  • JS判断滚动条是否停止滚动

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
      <title> New Document </title>
      <script type="text/javascript">
      <!--
    	// 让浏览器出现滚动条
    	for(var i = 0; i < 100; i++) {
    		document.write("<br/>");
    	}
     
    	var topValue = 0,// 上次滚动条到顶部的距离
    		interval = null;// 定时器
    	document.onscroll = function() {
    		if(interval == null)// 未发起时,启动定时器,1秒1执行
    			interval = setInterval("test()", 1000);
    		topValue = document.documentElement.scrollTop || document.body.scrollTop;;
    	}
     
    	function test() {
    		// 判断此刻到顶部的距离是否和1秒前的距离相等
                    var t1 = document.documentElement.scrollTop || document.body.scrollTop;
    		if( t1 == topValue) {
    			alert("scroll is stopping!");
    			clearInterval(interval);
    			interval = null;
    		}
    	}
      //-->
      </script>
     </head>
     <body>
     </body>
    </html>
            
    

     

  • 相关阅读:
    第三周学习进度总结
    第二周学习进度总结
    动手动脑04
    动手动脑03
    动手动脑02
    课堂实践总结
    课堂实践
    原码,反码和补码学习报告
    开学第一周
    第八周
  • 原文地址:https://www.cnblogs.com/hongsusu/p/10059845.html
Copyright © 2011-2022 走看看