單擊錨標籤不會將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放在頁面頂部

回答

相關問題