scroll

英 [skrəʊl]   美 [skroʊl]  

n.(常用于录写正式文件的)纸卷;书卷,画卷,卷轴;涡卷形(装饰);〈古〉表,目录

vt.使成卷形;(电脑屏幕上)从上到下移动(资料等),卷页

vi.(似卷轴般)卷起;(像展开卷轴般地)将文字显示于屏幕

left

英 [left]   美 [lɛft]  

adj.左边的,左侧的;左派的

n.左,左面;[军]左翼;左派,激进分子

adv.向左;在左边

v.离开( leave的过去式和过去分词)

jquery scrollLeft()方法 语法

作用:scrollLeft() 方法返回或设置匹配元素的滚动条的水平位置。滚动条的水平位置指的是从其左侧滚动过的像素数。当滚动条位于最左侧时,位置是 0。

返回水平滚动条位置:返回第一个匹配元素的水平滚动条位置。

语法:$(selector).scrollLeft()

设置水平滚动条位置:设置所有匹配元素的水平滚动条位置。

语法:$(selector).scrollLeft(position)

参数:

参数描述
position    可选。规定以像素计的新位置。   

jquery scrollLeft()方法 示例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("div").scrollLeft(100);
  });
});
</script>
</head>
<body>
<div style="border:1px solid black;width:100px;height:130px;overflow:auto">
The longest word in the english dictionary is: pneumonoultramicroscopicsilicovolcanoconiosis.
</div>
<button class="btn1">把滚动条的水平位置设置为 100px</button>
</body>
</html>
运行实例 »

点击 "运行实例" 按钮查看在线实例