3

长话短说,我需要找到一种快速的方法来从 Google Chrome 中的 JavaScript 控制台滚动 div 元素。这是我要滚动的元素的图片:

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

这是我需要滚动的 DIV 项目的 HTML(在顶部突出显示):

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。

我试过调整这三种方法中的任何一种,但都无济于事。我的想法已经用完了,我在网上找到的任何东西都没有帮助我。有人对我如何滚动这个元素有任何想法吗?请告诉我!

谢谢和欢呼!!

更新:

试过这个无济于事:

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

2 回答 2

0

您正在为 body 元素设置动画。您需要为目标 div 设置动画。此外,我会考虑缩短该元素上的 ID 以使其更易于管理,或者使用其中一个类来定位元素。无论哪种方式,请尝试使用最后一个片段中的代码,但将嵌套列表放在第一个选择器中,并将您想要滚动到的子元素放在 scrollTop 属性的选择器中。

于 2013-07-10T19:20:59.810 回答
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 您提供的数字是顶部上方“隐藏”的像素数(类似于向下滚动该像素数......)

于 2013-08-08T22:35:28.800 回答