2014-03-04 40 views
0

我遇到問題,我的標題爲position:fixed。在頁面上,我想使用普通的HTML鏈接或錨點。如果我點擊其中一個鏈接,屏幕會跳轉到此錨點,但它位於瀏覽器窗口的頂部。所以標題位於錨點上方,我缺少100px的內容,必須向上滾動才能找到實際的錨點。鏈接在同一頁面上。固定標題

有沒有人知道這個解決方案?

+0

'body {padding-top:100px; ''? –

+0

重複問題:http://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header – MIIB

回答

0

你有2件事情在這裏。你不僅對你的內容和標題高度有保證金/填充問題,而且你需要在你的部分之上創建一個緩衝區div,以便散列不會一路走到最前面。

此外,你應該記住,在這寫的時候,大多數觸摸設備無法處理

position: fixed;

在此代碼爲頭看看:http://codepen.io/sheriffderek/pen/qKLIo 並期待在此爲哈希鏈接:http://css-tricks.com/hash-tag-links-padding/

祝你好運!