2013-06-02 63 views
1

我有這個配置一個div:我怎樣才能得到多少股利水平滾動的jQuery

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

由於DIV是相當大的,它不完全在瀏覽器屏幕中顯示。所以它爲這個獨特的div創建了一個水平滾動條(而不是整個屏幕頁面)。

我怎樣才能知道有多少div已經滾動到左邊?我試過這個:

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

但它不工作..它總是返回我0,即使div是水平滾動。

+1

如果溢出是隱藏的,你怎麼可能滾動呢?你確定你不應該檢查滾動屬性的主體嗎? – adeneo

+0

我只想滾動這個特定的div ..我不想滾動整個頁面 –

回答

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); 

}) 
+0

它不起作用,因爲我想滾動的是div ..不是窗口 –

+0

雖然div內沒有任何內容,那麼你如何滾動div?你只能滾動一個溢出的元素。你的情況在窗口中。 –

+0

對不起,我沒有寫完整個代碼,但是我在這個div裏面還有其他元素,它在div中創建了水平滾動條 –