jQuery动画scrollTop问题

时间:2014-12-19 20:36:21

标签: javascript jquery html css knockout.js

我有一个搜索表单:

enter image description here

当我点击搜索btn时,结果显示为div:

enter image description here

当我点击分页网格中的某个页面时。搜索结果会在结果令人耳目一新时消失。

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

enter image description here

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

代码:

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

似乎没有用。 '结果'是div搜索结果的ID'。我将代码放在一个淘汰视图模型中。

尝试代码:

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

要查看jQuery是否应用了gettin,它会给出正确的输出,div结果是红色边框。

关于滚动,我在这里做错了什么?

1 个答案:

答案 0 :(得分:0)

也许只是尝试做:

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

http://jsfiddle.net/fuggetgk/

或者如果你愿意,这里有这个效果的插件http://balupton.github.io/jquery-scrollto/