JS判断滚动条是否停止滚动

最新推荐文章于 2019-07-04 17:37:46 发布

weixin_30872733

最新推荐文章于 2019-07-04 17:37:46 发布

阅读量91

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/hongsusu/p/10059845.html

版权

<!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>

转载于:https://www.cnblogs.com/hongsusu/p/10059845.html

weixin_30872733

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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>...
复制链接

扫一扫