如何获得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;">

使用Javascript / jQuery的

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

})