单击锚标签不会将div放在页面顶部

存在一个非常简单的网站问题。这是一个左侧导航的垂直滚动。当我点击一个菜单项时，它不会将该部分放在页面顶部。我已经尝试了社区的一些解决方案，但它不适用于我的设置。单击锚标签不会将div放在页面顶部

这里有一个的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>

的思考？

来源

2014-07-17 Shadna

您能否将您的JSFiddle代码减少到重现此场景所需的最小数量？此外，你为什么期望点击一个锚标签来移动一个div？ – TylerH

具体你要滚动到页面顶部点击公司标签???或div –

首先，修复你的HTML错误 - 你的'a'元素作为'ul'的子元素，并且你多次使用ids'hero'和'text'。 – CBroe

你的代码工作正常，你的问题是，你链接到的元素的顶部不是你期望他们的地方。

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

我把<span id="">标签中的文本在<h1>标签和链接到相应的ID。但你真的应该清理你的代码。

来源

2014-07-17 18:17:38 ShemSeger

这只是解决了“偶然”的问题......真正的问题是' ＃text'元素，因为他们的'float：right'搞乱了其他元素的位置... – CBroe

Ya，就像我说的，“快速修复”，但代码需要清理。 – ShemSeger

单击锚标签不会将div放在页面顶部

回答

相关问题