jquery - 另一个jquery scrollLeft中的元素

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 */
}); 

当我向左滚动内容时，scrollLeftValue 始终为 0。有什么想法吗？

Answer 1

.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

Answer 2

我认为你必须设置 white-space: nowrap 样式....像这样

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