Jquery 页面布局与实现

Jquery 页面布局与实现,jquery,html,anchor,Jquery,Html,Anchor,我有一个单页布局,在固定导航中使用#在页面上下移动。 加载页面时,我希望视口显示第二部分,而不是顶部 在浏览器中加载页面时,我是否必须先使用“onload”go to#之类的选项 下面是一个网站,它完成了我正在尝试做的事情: 顶部 废话 弗斯特 你先看看这个 两个 废话 只需使用“.FYI,您提供的示例页面不会加载.example.com/#second-如果页面为index.html,该如何工作?困惑,抱歉。谢谢您的快速响应。顺便说一句,使用index.html/#second。它

我有一个单页布局,在固定导航中使用#在页面上下移动。 加载页面时,我希望视口显示第二部分,而不是顶部

在浏览器中加载页面时,我是否必须先使用“onload”go to#之类的选项

下面是一个网站,它完成了我正在尝试做的事情:


顶部 废话

弗斯特 你先看看这个

两个 废话


只需使用“.FYI,您提供的示例页面不会加载.example.com/#second-如果页面为index.html,该如何工作?困惑,抱歉。谢谢您的快速响应。顺便说一句,使用index.html/#second。它会起作用的。
<nav>
  <ul>
    <li><a href="#top">Top</a></li>
    <li><a href="#first">First</a></li>
    <li><a href="#second">Second</a></li>
 </ul>
</nav>


<section id="top">
  <h2>Top</h2>
  <p> blah </p>
</section>

<section id="first">
  <h1>First</h1>
  <p>You see this first</p>
</section>

<section id="second">
   <h2>Two</h2>
   <p>blah</p>
</section>
<body onload="window.location='#second'">