scrollTop()方法获取第一个匹配元素的滚动顶部偏移量。
selector.scrollTop( )
以下是一个简单的示例,简单说明了此方法的用法-
<html> <head> <title>The jQuery Example</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"> </script> <script type="text/javascript" language="javascript"> $(document).ready(function(){ $("div.demo").scrollTop( 200 ); $("div.demo").mousemove(function () { var top=$("div.demo").scrollTop(); $("#result").html("top offset: <span>" + top + "</span>."); }); }); </script> <style> div.demo {background:#CCCCCC none repeat scroll 0 0; border:3px solid #666666; margin:5px; padding:5px; position:relative; width:200px; height:100px; overflow:auto;} div.result{margin:10px; width:100px; height:100px; margin:5px; float:left; background-color:blue;} p { margin:10px; padding:5px; border:2px solid #666; width:1000px; height:1000px;} </style> </head> <body> <div class="demo"><p>Hello</p></div> <span>Scroll vertical button to see the result:</span> <div class="result"><span id="result"></span></div> </body> </html>
这将产生以下输出-
链接:https://www.learnfk.comhttps://www.learnfk.com/jquery/css-scrolltop.html
来源:LearnFk无涯教程网
祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)