如何调整网页的滚动位置？

Question

我的页面有一个弹出窗口，可以启用搜索：

问题是弹出窗口位于页面的向下滚动部分，当用搜索结果重新加载页面时，弹出窗口是“打开”的，但整个页面再次从顶部开始，因为它是新的命中。 如何让页面直接“半途”向下滚动，以便结果视图与窗口匹配？ 我应该使用某种锚吗？

Answer 1

你有两个选择：

A）使用锚。 给你的搜索框的div一个ID（让我们假设它是searchdiv ），然后http://yoursite.com/page.html#searchdiv会自动滚动到searchdiv 。 这里有一个小小的演示来详细说明： 小链接 。 （注意浏览器位置栏中的URL）。

B）如果你想要更加花哨和动画滚动，请使用jQuery

var tp = $("#searchdiv").offset().top; //get the element's top
$('html, body').animate({scrollTop: tp}, 500); //animate for 500ms

这个方法的一个小演示： 小链接 。

我希望有所帮助！

Answer 2

你可以使用#tag

所以它在想要显示的位置显示为<a name="xyz"></a>

重定向到

的index.php＃XYZ