Question

例如，我有以下代码

<div style="width: 100px; overflow: auto;" class="slide-container">
 long content here
</div>

$(".slide-container").scroll(function (e) {
 var scrollLeftValue = $(this).scrollLeft(); /* want get scroll left count */
});

当我滚动内容时，left scrollLeftValue始终为0.任何想法？

Answer 1

我认为你必须设置white-space：nowrap风格......就像这样

<div style="width: 100px; overflow: auto; white-space:nowrap;" class="slide-container">
 long content here
</div>

Answer 2

.scrollLeft(value)获取匹配元素集中第一个元素的滚动条的当前水平位置。

默认情况下，当前值为水平滚动位置的0。

考虑一下：http://jsbin.com/oqopes/1/edit

$("div.demo").scrollLeft(300);
       //-----------------^--------------this will scroll at 300px horizontal

 $("div.demo").scrollLeft();
       //-----------------^--------------none specified then scroll at 0 horiz

另一个jquery中的元素scrollLeft

2 个答案: