javascript - 如何正确添加 .scrollTo 插件？

Question

我有这个脚本，在链接列表上运行：

$('li#linkcat-25 a').bind('click', function (e) {
    e.preventDefault();
    $('#preview').load($(this).attr('href'));
    $('#loading').show('fast');
    $('#preview').hide('fast');
    $('#preview').show('fast');
    $('#loading').hide('fast');
});

如何轻松添加 .scrollTo 效果，以便单击其中一个 href 元素将按建议显示/隐藏，完成后，将平滑向下滚动到#previewdiv？

谢谢！

Answer 1

嗨，在上一个问题中已经提到过。

您可以将这些元素放在一个 div 中，然后使用 .animate 进行滚动。像

$("#divcontainer").animate({'scrollTop': '600'}, 4000);

Answer 2

您很可能想要可以像这样使用的 scrollTo 插件：

$('li#linkcat-25 a').click( function (e) {
    e.preventDefault();
    // any hiding or showing can be done here
    $.scrollTo( $("#preview") );
})

您还可以为 scrollTo 插件提供许多其他有用的选项。可以在scrollTo 插件页面上找到信息，但演示的链接可能已移至此处。