2013-07-10 2 views
3

Короче говоря, мне нужно выяснить быстрый способ прокрутки элемента div с консоли JavaScript в Google Chrome. Вот картина того элемента, который я пытаюсь прокрутить:Хотите прокрутить элемент 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.

Я попытался настроить любой из этих трех методов, но безрезультатно. У меня кончились идеи, и я ничего не нашел в Интернете. У кого-нибудь есть идеи о том, как я могу прокручивать этот элемент? Пожалуйста, дайте мне знать!

Спасибо и приветствую!

UPDATE:

Пробовал это не дало никаких результатов:

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

у вас есть странный синдром выбора «id» или что-то в этом роде? – iConnor

+0

try '$ ('html, body'). Animate ({scrollTop: $ (". NestedList "). Offset(). Top}, 5000);', взято из http://www.abeautifulsite.net/blog/2010/01/smoothly-scroll-to-an-element-without-a-jquery-plugin/ –

+0

@Connor - нет, это устаревшее программное обеспечение, и я пишу тесты для них. Я не могу изменить идентификатор. – 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 число вы предоставите это число пикселей «спрятаны» над вершиной (подобно прокрутке вниз этим количеством пикселей ...)

Смежные вопросы