jQuery scrollTo或animate不滚动页面

Question

我正在尝试做一些简单的事情：当用户点击div时，整个页面会滚动到某个位置。我以前做过这个，但不知怎的，这似乎现在不起作用了。我的意思是，现在我只想要任何滚动才能知道插件是否有效。

真的很简单：$ .scrollTo（500,500）应该正常工作，但没有任何反应，不会抛出任何错误。

以下是我正在做的虚拟版本的链接：http://jansensan.net/dump/jquery-scrollto-issue/只需点击右下方的黑色div即可看到......没有任何动静。您还可以查看完整代码：http://jansensan.net/dump/jquery-scrollto-issue/js/global.js。

CSS中是否存在可能破坏该功能的内容？

Answer 1

你可以这样做：

$('html, body').animate({
  scrollTop: $('#elementID').offset().top
}, 1000);

将#elementID替换为要通过动画滚动到的元素的ID。

Check out the actual implementation by click on Request Quote link at bottom.

Answer 2

似乎我依赖于错误的例子，$.scrollTo("#bottomContent", 1000, {easing:"easeInOutCubic"});确实有用，对不起，如果对你们中的一些人来说这个问题很明显。

Answer 3

您的JavaScript说：

function scrollToTouts()
{
    // FIXME: whatever I do here, nothing scrolls
    $.scrollTo(500, 500);
}

你不需要提供滚动的目标吗？

e.g。

$.scrollTo('#content', 500, 500);

或

$.scrollTo('body', 500, 500);