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

Question

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

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

Answer 1

你有两个选择：

A）使用锚点。为具有您的搜索框的div提供ID（假设它为searchdiv），然后http://yoursite.com/page.html#searchdiv会自动滚动到searchdiv。这是一个详细说明的小演示：little link。 （注意浏览器位置栏中的URL）。

B）如果你想更有趣，并为滚动设置动画，请使用jQuery

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

这种方法的一个小演示：little link。

我希望有所帮助！

Answer 2

您可以使用#tag

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

重定向到

的index.php＃XYZ