单击锚标记不会将div定位到页面顶部

Question

有一个非常简单的网站的问题。这是一个左侧导航的垂直滚动。单击菜单项时，它不会将该部分定位到页面顶部。我尝试了社区的一些解决方案，但它不适用于我的设置。

这是一个jsfiddle：http://jsfiddle.net/U44Ut/

这是布局的基本内容：

<div id=wrap">
     <div id="left">
         <div id="nav">
         <ul>
            <li><a href="#item1">item 1</a></li>
         </ul>
         </div>
     </div>
     <div id="right">
         <div id="content">
             <div id="item1">CONTENT HERE</div>
         </div>
     </div>
</div>

思想？

Answer 1

您的代码工作正常，您的问题是您链接到的元素的顶部不在您期望的位置。

这是您问题的快速解决方法：http://jsfiddle.net/U44Ut/8/

我在<span id="">标记的文本周围添加了<h1>个标记，并链接到了他们的ID。但你真的应该清理你的代码。