使用jQuery滚动浏览器窗口

Question

我想滚动浏览器窗口以响应某些用户操作。

我发现了scrollLeft in a stackoverflow response。从那里，我能够找到scrollTop并最终获得以下内容：

$(window).scrollTop((Number($(window).scrollTop())+100)+'px');

这实际上是滚动，但是在页面顶部。无论我用什么值替换100（我甚至尝试过负数），它总是跳到页面顶部。 （注意：$(window).scrollTop()返回0。）

有人能给我一些我可能遗失的提示吗？

Answer 1

scrollTop只需要一个数字，而不是px值。

$(window).scrollTop($(window).scrollTop()+100);

这应该足够了。

Answer 2

您不需要Number因为scrollTop会返回一个数字

如果某些scrollTop可用高于元素的高度，

scrollHeight将会执行，并且它始终为正数。

它应该看起来像：

$(window).scrollTop( $(window).scrollTop()+100 );

您不需要'px'

Answer 3

不需要px ......

$(document).ready(function(){
    $(window).scrollTop(($(window).scrollTop()+600));
});

Fiddle