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