标题顶部的移动导航，但仍然是静态位置

Question

我在前往大多数设备后都有导航功能。它看起来像这样：

<header role="banner">
    <hgroup>
        <h1>
            <a href="/" rel="home">Site name</a>
        </h1>
        <h2>subname</h2>
    </hgroup>
    <nav>
        <ul>
            <li><a href="#">Option 1</a></li>
            <li><a href="#">Option 2</a></li>
            <li><a href="#">Option 3</a></li>
            <li><a href="#">Option 4</a></li>
        </ul>
         <a href="#" id="pull">Menu</a>
    </nav>
</header>

在纵向方向转移时，我想在点击MENU后将NAV置于顶部并向下滑动。 问题是：如何以这样的方式将其置于顶部，即在向下滑动后向下移动的方向（向前）。好像＆＃34; nav＆＃34;是在进入DOM之前，但仅适用于面向肖像的智能手机。 绝对位置将导航放置在航向上。我需要两个人在同一个流程中。