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

Question

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

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

Answer 1

这里有两个选择:

A) 使用 anchor 。为包含您的搜索框的 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 .

希望对您有所帮助!