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
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知