我的页面有一个弹出窗口,应使搜索: 如何调整网页的滚动位置?
的问题是,弹出位于页面的滚动下来的部分,并与搜索结果重新加载页面时弹出的是“开放“但整个页面从新开始时就再次开始。如何让页面直接“半路”向下滚动,以便结果视图与窗口匹配?我应该使用某种锚吗?
我的页面有一个弹出窗口,应使搜索: 如何调整网页的滚动位置?
的问题是,弹出位于页面的滚动下来的部分,并与搜索结果重新加载页面时弹出的是“开放“但整个页面从新开始时就再次开始。如何让页面直接“半路”向下滚动,以便结果视图与窗口匹配?我应该使用某种锚吗?
你有两个选择:
A)使用锚点。给您的搜索框(假设它是searchdiv
)的div
提供一个ID,然后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。
我希望有帮助!
可以使用#tag
如此这般<a name="xyz"></a>
在位置上要显示
重定向到
的index.php#XYZ