如何正确添加 .scrollTo 插件？答案

【问题标题】：How to correctly add the .scrollTo plugin?如何正确添加 .scrollTo 插件？
【发布时间】：2011-09-29 04:00:29
【问题描述】：

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

$('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 元素将按建议显示/隐藏，完成后将平滑向下滚动到 #preview div？

谢谢！

【问题讨论】：

标签： javascript jquery jquery-animate effect scrollto

【解决方案1】：

你很可能想要这样使用的 scrollTo 插件：

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

您还可以为 scrollTo 插件提供许多其他有用的选项。可以在scrollTo plugin page 上找到信息，但演示的链接可能有moved here。

【讨论】：

【解决方案2】：

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

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

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

【讨论】：