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属性的选择器中滚动到的子元素中。

Answer 2

看起来你有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时，您提供的数字是顶部上方“隐藏”的像素数（类似于向下滚动该像素数...）

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

2 个答案: