2012-08-29 28 views
1

我的页面有一个弹出窗口,应使搜索: enter image description here如何调整网页的滚动位置?

的问题是,弹出位于页面的滚动下来的部分,并与搜索结果重新加载页面时弹出的是“开放“但整个页面从新开始时就再次开始。如何让页面直接“半路”向下滚动,以便结果视图与窗口匹配?我应该使用某种锚吗?

回答

3

你有两个选择:

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

我希望有帮助!

0

可以使用#tag

如此这般<a name="xyz"></a>在位置上要显示

重定向到

的index.php#XYZ