Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery动画滚动顶问题_Javascript_Jquery_Html_Css_Knockout.js - Fatal编程技术网

Javascript jQuery动画滚动顶问题

Javascript jQuery动画滚动顶问题,javascript,jquery,html,css,knockout.js,Javascript,Jquery,Html,Css,Knockout.js,我有一个搜索表: 当我点击搜索btn时,结果显示为div: 当我点击分页网格中的某个页面时。当结果刷新时,搜索结果将消失 现在,当搜索结果再次出现时,看起来如下所示: results div将被剪切,页面将向上滚动。我需要从这里向下滚动,以便用户看到搜索结果,而不必从搜索表单向下滚动 代码: 似乎不太管用results'是div“search results”的id。我将代码放在一个淘汰视图模型中 正在尝试代码: $("#results").css("border", "3px solid

我有一个搜索表:

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

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

现在,当搜索结果再次出现时,看起来如下所示:

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

代码:

似乎不太管用results'是div“search results”的id。我将代码放在一个淘汰视图模型中

正在尝试代码:

$("#results").css("border", "3px solid red");
为了查看jQuery是否应用了gettin,它给出了正确的输出,div结果用红色边框表示


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

也许可以尝试简单地做到:

$(窗口).scrollTop($('#结果').offset().top)


或者,如果您愿意,这里是这个效果的插件

如果我想将动画与之集成,我应该这样做:
$(window).animate({scrollTop:$('resultable').offset().top},“slow”)好,这里是更新的fiddle-当然setTimeout只是为了显示效果,你可以删除它:)对我来说是这样的,但在一瞬间,它并没有真正的动画效果。是不是因为我有一个小的滚动区域?还有,为什么现在是html,而不是窗口?如果你的站点高度很小,浏览器可能无法将其滚动到底部。试着设置最小高度或类似的东西,然后测试。大约$('html,body')-我从jQueryAPI文档中得到了它。scrollTop()与$(window)连接,但(在我看来)不能用它平滑地制作动画。使用$('html,body').animate()可以。
$("#results").css("border", "3px solid red");