javascript - jQuery 动画 scrollTop 问题

Question

我有一个搜索表单:

当我点击搜索 btn 时，结果显示为一个 div:

当我点击分页网格中的某个页面时。搜索结果随着结果的刷新而消失。

现在，当搜索结果再次出现时，它看起来像这样:

结果 div 被 chop ，页面向上滚动。我需要从这里向下滚动以便用户看到搜索结果并且他不必从搜索表单向下滚动。

代码:

$("html, body").animate({ scrollTop: $('#results').height() 
+ $('#results').offset().top }, "slow");

似乎不太行得通。 “结果”是 div“搜索结果”的 ID。我将代码放在一个 knockout View 模型中。

尝试代码:

$("#results").css("border", "3px solid red");

要查看是否开始应用 jQuery，它会给出正确的输出，div 结果带有红色边框。

关于滚动，我在这里做错了什么？

Answer 1

也许尝试简单地做:

$(window).scrollTop($('#results').offset().top);

http://jsfiddle.net/fuggetgk/

或者，如果您愿意，这里有实现此效果的插件 http://balupton.github.io/jquery-scrollto/