jquery scrollLeft()方法
翻译结果:
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>
点击 "运行实例" 按钮查看在线实例