jQuery CSS 操作 - scrollLeft() 方法

实例

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

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

亲自试一试

定义和用法

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

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

返回水平滚动条位置

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

语法

$(selector).scrollLeft()

亲自试一试

设置水平滚动条位置

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

语法

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

亲自试一试

Web 前端开发进阶教程