jquery滚动条事件

时间：6年前阅读：7602

1、scroll()事件

当用户滚动指定的元素时，会发生scroll事件。适用于所有可滚动的元素和window对象（浏览器窗口）

$(select).scroll([Data],fn);

当（浏览器窗口）页面滚动条变化时，执行的函数，JQuery代码：

$(window).scroll(function(){

　　//do something...

});

2、scrollTop 获取匹配元素相对滚动条顶部的偏移

scrollTop(val)

获取页面滚动条的具体值：$(document).scrollTop()；

设置相对滚动条的偏移值：$(document).scrollTop(300);

示例：

<!DOCTYPE html>    
<html>    
	<head>    
		<meta charset="UTF-8">    
		<title></title>    
		<style type="text/css">    
			*{    
				margin: 0;    
				padding: 0;    
			}    
			#tt{    
				width: 500px;    
				height: 400px;    
				border: 2px solid palevioletred;    
				margin: 50px auto;    
				/*加滚动条*/    
				overflow: auto;    
			}    
		</style>    
		<script src="../js/jquery-1.11.3.min.js" type="text/javascript"></script>    
		<script type="text/javascript">    
			$(function(){    
//				给元素加滚动条事件    
				$("#tt").scroll(function(){    
//					获得滚动条的位置(scrollTop 已经滚动上去的内容的高度)    
					var t = $('#tt').scrollTop();    
					$("#dd").html(t);    
				})    
			})    
		</script>    
	</head>    
	<body>    
		<h1 id="dd">0</h1>    
		<div id="tt">    
			由于一些外部的原因，我不得不从自己熟悉的php领域，转战到java战场。我个人觉得还是有些心得吧，不管怎么样，或多或少可能都会有那么些经历的人，和你一起走在这世上！尽管你不知道TA是谁。

　　其实，转换一门语言并不会有多大问题的，但是问题是，你转换战场之后，仍然要保持原有的地位。这个其实也不简单吧，尽管公司并不会有意来削减你的职位。

　　话不多说，如何做到快速成长？我从一些原有的想当然的理论和最终的自己的实践，来说明下这个问题。当然，每个人有每个人的看法，我并不要求大家的思路跟我完全一样，或者完全不一样！

有上面这种想法的人，其实还是比较幸运，不，只能说比较舒服的，因为他们多半是在一些比较稳定的单位/职位上，使用比较成熟的技术，所以才会有这种感觉。而另外一些更悲催的同学，可能一年到头都在学习各种新技术，他们追得更累，他们的疑问大概应该是：“十年之后究竟还有多少技术是有用的？”

在互联网时代，技术瞬间即逝，很多东西你还没来得及看清楚，这个技术就已经过时了。。。一天不看技术，就感觉落后了这个时代的潮流，就感觉与这个技术的世界脱节了。。。

 

    技术之间的关系是千丝万缕，各种关联，各种依赖，在你懂的一项技术之后，发现了依赖，那么引入另外一种技术，这样铺了一张大网，但是，如果你每次引入了一项技术能力，每次又留下了一堆技术债务，那么会越来越纠结，会越来越焦虑。。。。

 

    技术人员的天性就是，看到一项新的技术，迫不及待的好奇心驱使着，去学习，去查看，去摸索。。。。懂的东西越来越多，留下的技术债务也越来越多，也就变成了越来越多的焦虑。。。。   
		</div>    
	</body>    
</html>

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知

jquery滚动条事件

网友评论