jQuery CSS 操作 scrollLeft() 方法

jQuery 参考手册 CSS 操作jQuery 参考手册 CSS 操作

scrollLeft() 方法返回或设置匹配元素的滚动条的水平位置。

滚动条的水平位置指的是从其左侧滚动过的像素数。当滚动条位于最左侧时,位置是 0。

 

1. 返回水平滚动条位置

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

语法

$(selector).scrollLeft()

我要试一试

 

2. 设置水平滚动条位置

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

语法

$(selector).scrollLeft(position)
参数 描述
position 可选。规定以像素计的新位置。

我要试一试

 

3. 范例

设置 <div> 元素中滚动条的水平偏移:

$(".btn1").click(function(){
  $("div").scrollLeft(100);
});

我要试一试

jQuery 参考手册 CSS 操作jQuery 参考手册 CSS 操作

scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。scroll top offset 指的是滚动条相对于其顶部的偏移。如果该方法未设置参数,则返回以像素计的相对滚动条顶部的偏移。