jQuery scrollTo 或动画不滚动页面答案

【问题标题】：jQuery scrollTo or animate do not scroll pagejQuery scrollTo 或动画不滚动页面
【发布时间】：2011-02-03 17:00:33
【问题描述】：

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

真的很简单：$.scrollTo(500, 500) 应该可以工作，但是没有任何反应，也没有抛出错误。

这里是我正在做的一个虚拟版本的链接：http://jansensan.net/dump/jquery-scrollto-issue/ 只需单击右下角的黑色 div 即可查看...什么也没有发生。您还可以查看完整代码：http://jansensan.net/dump/jquery-scrollto-issue/js/global.js。

CSS 中有什么东西会破坏这个功能吗？

【问题讨论】：

【解决方案1】：

你可以这样做：

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

将#elementID 替换为您想要使用动画滚动到的元素的ID。

【讨论】：

【解决方案2】：

看来我使用了错误的示例，$.scrollTo("#bottomContent", 1000, {easing:"easeInOutCubic"}); 确实有效，如果对你们中的某些人来说这个问题很明显，请见谅。

【讨论】：

【解决方案3】：

你的 JavaScript 说：

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

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

例如

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

或

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

【讨论】：