jquery滚动条事件
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
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
版权声明
本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。