繁体   English   中英

jQuery动画scrollTop问题

[英]jQuery animate scrollTop issue

我有一个搜索表:

在此处输入图片说明

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

在此处输入图片说明

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

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

在此处输入图片说明

结果div会被剪切掉,页面会向上滚动。 我需要从这里向下滚动,以便用户看到搜索结果,而不必从搜索表单向下滚动。

码:

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

似乎不太奏效。 “结果”是div“搜索结果”的ID。 我将代码放入淘汰赛视图模型中。

尝试代码:

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

要查看是否已应用jQuery,它会以div结果为红色边框的形式提供正确的输出。

我在滚动方面在做什么错?

也许尝试简单地做:

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

http://jsfiddle.net/fuggetgk/

或者,如果您愿意,这是此效果的插件http://balupton.github.io/jquery-scrollto/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM