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

Question

我的页面有一个应该启用搜索的弹出窗口：

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

Answer 1

您在这里有两个选择：

A)使用锚。为具有您的搜索框的 ID 提供一个 ID div（假设它是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