javascript - 想要滚动 DIV 元素，而不是整个网页

Question

长话短说，我需要想出一种从 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)

Answer 1

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