首页 期权学习期权知识正文

jquery滚动条事件

xiaojiucai 期权知识 2020-08-17 612 0

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/post/8508.html

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

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。