2013-07-10 100 views
3

長話短說,我需要找出一種快速方法來從Google Chrome中的JavaScript控制檯滾動div元素。下面是我想要的元素滾動的圖片:想要滾動一個DIV元素,而不是整個網頁

http://i1250.photobucket.com/albums/hh527/dr4g1116/Capture_zps63402209.png

這裏是HTML,其中DIV產品,我需要滾動(頂部突出顯示):

http://i1250.photobucket.com/albums/hh527/dr4g1116/Capture1_zps04c66647.png

這裏是我試過到目前爲止:

第一:

<NestedList_trends_trends_variable_selector_variable_selector_variable.scrollTo>(0,250) 

下一頁:

NestedList_trends_trends_variable_selector_variable_selector_variable.scrollTo(0,250) 

最後:

$('body').animate({ scrollTop: $('#NestedList_trends_trends_variable_selector_variable_selector_variable').offset().top}, 5000) 

這最後一個剛剛滾動整個頁面。不知道爲什麼我提到了正確的DIV ID。

我試過調整這三種方法中的任何一種,但無濟於事。我已經用完了想法,沒有在網上找到的東西幫助過我。任何人有關於如何滾動此元素的任何想法?請告訴我!

謝謝,歡呼!

UPDATE:

想這無濟於事:

$('#NestedList_trends_trends_variable_selector_variable_selector_variable').animate({ scrollTop: $('#Button_86').offset().top}, 5000) 
+0

你有奇怪的'ID'選擇綜合症,或者什麼? – iConnor

+0

嘗試'$('html,body')。animate({scrollTop:$(「。NestedList」)。offset()。top},5000);',摘自http://www.abeautifulsite.net/blog/2010/01/smooth-to-an-element-without-a-jquery-plugin/ –

+0

@Connor - 不,這是傳統軟件,我正在爲它們編寫測試。我無法更改ID。 – dr4g1116

回答

0

您設置動畫的主體元素。你需要動畫目標div。另外,我會考慮縮短該元素上的ID以使其更易於管理,或者使用其中一個類來定位元素。無論使用哪種方法,都可以嘗試使用最後一個代碼片段中的代碼,但將嵌套列表放入第一個選擇器和要在scrollTop屬性的選擇器中滾動的子元素。

+0

給了一個鏡頭,但仍然沒有工作。感謝您的建議。查看我的最新情況,瞭解我是如何做到的。也許我做錯了什麼? – dr4g1116

0

它看起來像你的jQuery所以這應該這樣做:

$("#NestedList_trends_trends_variable_selector_variable_selector_variable").scrollTop(250);

或讓我的腦子不停地傷害:

//somewhere at top of file or in a bloody config somewhere 
var bigAssIdDiv = $("#NestedList_trends_trends_variable_selector_variable_selector_variable"); 
... 
///later 
bigAssIdDiv.scrollTop(250); 

注意與scrollTop的您提供的號碼是多少的像素「隱藏」在頂部之上(類似於向下滾動那個像素數量......)

相關問題