我怎样才能得到多少div是水平滚动的jquery

Question

我有一个这样配置的div:

<div class="divImagem" style="position:relative; width: 1424px; height: 790px; overflow:hidden;">

由于div非常大，所以它没有完全显示在浏览器屏幕上。因此，它为这个独特的div创建了一个水平滚动条(而不是整个屏幕页面)。

我怎样才能知道div向左滚动了多少?我试过了:

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

但它不工作…它总是返回0，即使div水平滚动

Answer 1

你要滚动的是窗口，而不是div。

下面是一个交互示例:http://jsfiddle.net/pjWt7/1/

HTML

<p>Scrolled: <span>0</span>px</p>
<div class="divImagem" style="position:relative; width: 1424px; height: 790px; overflow:hidden;">

jQuery Javascript/

$(window).scroll(function () {
    console.log("scrolling");
    var scrollLeft = $(this).scrollLeft();
    $("span").html(scrollLeft);
})