jQuery scrollTo或动画不滚动页面

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。

单击底部的“请求报价”链接，查看实际的实现。

Answer 2

看来我是靠错误的例子， $.scrollTo("#bottomContent", 1000, {easing:"easeInOutCubic"}); 确实有效，很抱歉，对于您中的某些人来说，此问题很明显。

Answer 3

您的JavaScript说：

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

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

例如

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

要么

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