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

Returns: IntegerInteger .scrollLeft( )

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

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

注意: .scrollLeft(), 当对隐藏元素直接调用或使用 .animate()动态属性,将无效.

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( "scrollLeft:" + p.scrollLeft() );</script>
</body>
</html>

Demo:

Returns: jQueryjQuery .scrollLeft( Number value )

描述: 设置匹配元素集中每一个元素的横向滚动位置.
  • version added: 1.2.6
  • .scrollLeft( 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").scrollLeft(300);</script>
</body>
</html>

Demo: