html 横向滚动条位置,jQuery - 使用.scrollLeft()获取/设置元素相对于横向滚动条的位置...

jQuery .scrollLeft()获取/设置元素相对于横向滚动条的位置

.scrollLeft()方法获取选取元素集合中首个元素相对于横向滚动条的位置。

横向滚动相对位置指的是元素相对于滚动条最左边的偏移量(像素)。

如果滚动条已经处于最左端或者元素不可以滚动的话，这个偏移量为0.

以下代码展示元素相对于滚动条的横向偏移量。

$(document).ready(function(){

alert($("div").scrollLeft());

});

div{

width:200px;

height:100px;

overflow:auto;

}

h1 { width:1000px;height:1000px; }

findsrc.com

.scrollLeft(value)方法设置选取元素集合中每个元素相对于横向滚动条的偏移量。value 是新设置的相对于滚动条的偏移量。为实现链式操作，方法返回jquery对象。

以下代码设置元素相对于横向滚动条的偏移量为300px。

$(document).ready(function(){

$("div").scrollLeft(300);

});

div{

width:200px;

height:100px;

overflow:auto;

}

h1 { width:1000px;height:1000px; }

findsrc.com