jquery 手册
Ajax
属性(Attributes)
回调对象(Callbacks ..
核心(Core)
CSS
数据(Data)
延迟对象(Deferred o ..
尺寸(Dimensions)
效果(Effects)
事件(Events)
表单(Forms)
文档操作(Manipulati ..
杂项(Miscellaneou ..
位置(Offset)
插件编写(Plugin Aut ..
属性(Properties)
选择器(Selectors)
遍历(Traversing)
工具(Utilities)

Returns: IntegerInteger .scrollTop( )

描述: 获取匹配元素集中第一个元素的纵向滚动位置.
  • version added: 1.2.6
  • .scrollTop( )

纵向滚动位置同隐藏区域的像素值相同。如果滚动条在最上边或元素无滚动条,这个值将是 0.

Examples:

例子:

获取一个p元素的纵向滚动位置.
<!DOCTYPE html>
<html>
<head>
  <script src="../jquery.min.js"></script>
  <style>p { margin:10px;padding:5px;border:2px solid #666; }</style>
</head>
<body>
  <p>Hello</p><p></p>
  <script>var p = $("p:first");
$("p:last").text( "scrollTop:" + p.scrollTop() );</script>
</body>
</html>

Demo:

Returns: jQueryjQuery .scrollTop( Number value )

描述: 设置匹配元素集中每一个元素的纵向滚动位置.
  • version added: 1.2.6
  • .scrollTop( Number value )
  • value 一个整数,指出滚动条被设置到新的横向位置.

Examples:

例子:

设置一个div的纵向滚动位置.
<!DOCTYPE html>
<html>
<head>
  <script src="../jquery.min.js"></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;
}
  p { margin:10px;padding:5px;border:2px solid #666;width:1000px;height:1000px; }</style>
</head>
<body>
  <div class="demo"><h1>lalala</h1><p>Hello</p></div>
  <script>$("div.demo").scrollTop(300);</script>
</body>
</html>

Demo: