javascript - 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中有什么东西可以破坏这个功能吗？

score 3 · Accepted Answer

你可以这样做：

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

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

score 1 · Accepted Answer

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

score 0 · Accepted Answer

你的 JavaScript 说：

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

你不需要提供卷轴的目标吗？

例如

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

或者

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

3 回答 3