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

谢谢！

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 plugin page上找到信息，但演示的链接可能包含moved here。

如何正确添加.scrollTo插件？

2 个答案: