錨定書籤與固定頁首導航相沖突

Question

這是我第一次在這裏發帖。我已經尋找了一段時間來回答這個問題，現在我正在轉向這個董事會，因爲它在過去被證明對我有用。

我正在設計的頁面的主題是一個頁面滾動網站（有點像http://www.kitchensinkstudios.com/）。

我在頂部實現了一個固定導航，高度約爲70px。在這個下面，我創建了鏈接到導航的部分。這個想法是點擊導航中的鏈接，頁面將滾動到所選的部分。 問題是：由於內部書籤自動滾動直接到頁面的頂部！，這會切斷大部分內容。

我試圖從給我從頁面的頂部適當的距離加上隱藏的div或中斷與填充頂值標籤有問題的部分，但是，拋開，它創建了一個不透明的背景相同的值作爲填充。

有沒有人有這樣做的建議？

理想情況下，當您選擇一個鏈接時，被調用的部分將漂浮到頁面的中間位置。

非常感謝任何人給這個一個鏡頭！

Answer 1

瀏覽器的默認行爲是將錨點滾動到視圖端口的頂部。

如果你垂直向上偏移錨點，你會發現它會使內容相等。

您可以通過將錨點的位置指定爲'relative'並將'top'屬性設置爲負值（例如，

<a style="position:relative; top: -70px;" name="myAnchor"></a> 

某些瀏覽器似乎需要從正常流程中取出錨點，通過簡單地浮動元素即可解決這個問題。

<a style="float: left; position:relative; top: -70px;" name="myAnchor"></a> 

您應該在FireFox，Chrome和InternetExplorer上找到上面的代碼行。