如何将页面加载到页面中间(而不是顶部)?

时间:2010-06-04 20:13:15

标签: javascript html css

我希望页面在页面中间的某个位置打开,而不是在顶部...

我有类似的东西:

<div id="d1">
<div id="d2">
<div id="d3">
<div id="d4">
<div id="d5">
<div id="d6">

如何在#d4而不是顶部打开页面? (除了将#d4添加到URL的末尾...)

我想必须有一些简单的方法来做到这一点,但我无法弄清楚如何去寻找解决方案! HTML,JavaScript?非常感谢任何帮助。

4 个答案:

答案 0 :(得分:1)

<script>
function ScrollToElement(theElement){

  var selectedPosX = 0;
  var selectedPosY = 0;

  while(theElement != null){
    selectedPosX += theElement.offsetLeft;
    selectedPosY += theElement.offsetTop;
    theElement = theElement.offsetParent;
  }

 window.scrollTo(selectedPosX,selectedPosY);

}
</script>

http://radio.javaranch.com/pascarello/2005/01/09/1105293729000.html

答案 1 :(得分:0)

您可以使用Javascript:

location.replace('#d4');

答案 2 :(得分:0)

使用this查找div位置 然后使用以下javascript命令:

window.scroll(0, DIV_POS); // horizontal and vertical scroll targets

答案 3 :(得分:0)

编辑: OOPS!没看过除了......无视!

请注意自己,在回复之前阅读整个问题!

结束编辑

您始终可以使用HTML锚标记

<a name="d1" />
<div id="d1"> 
<a name="d2" />
<div id="d2">
<a name="d3" /> 
<div id="d3"> 
<a name="d4" />
<div id="d4"> 
<a name="d5" />
<div id="d5"> 
<a name="d6" />
<div id="d6"> 

当您导航到该页面时,您将在网址中包含锚名称: pagename.htm#D4

确保关闭div标签。

祝你好运,

帕特里克