2016-02-28 90 views
-1

的高度上的位置我有一個網頁http://www.alexwiley.co.uk/new_site/index.html錨:滾動到頁面減去頭

正如你會看到它有一個固定的導航。當您使用導航時,它會自動向下滾動頁面。我的問題是,我需要它滾動到某個位置,例如'ABOUT'部分,減去標題的高度。

如果你現在看的頁面,你會看到,由於它的標題它重疊關於標題。

任何建議或任何人都可以指出我正確的方向嗎?

謝謝, 亞歷克斯

+0

看起來不錯對我來說很好看 –

回答

0

似乎並沒有成爲一個固定的頭 - 導航欄滾動出來的觀點,當你去的部分。使用固定導航欄時,您需要在主體頂部添加填充以容納導航欄的高度。這是因爲它不是dom的一部分,頁面內容從屏幕頂部呈現,然後將固定元素放置到頁面上。如果導航欄(固定的時候)高50px,則需要向CSS添加正文{padding-top:50px},以便在滾動時可以正確偏移各節

+0

道歉現在檢查出來。 –

+0

是的,它是導航的導航欄固定狀態 - 找到導航欄的高度 - 將該高度應用於CSS的身體的填充頂部,它應該修復它。 – gavgrif

+0

是的,這是它!非常感謝。我有點希望有另一種解決方案,因爲顯然添加填充可能會讓設計變得煩人,但是哦。 –