行高只在頂部？

該菜單在同一頁面上執行滾動錨定效果。但是，如果您單擊「主頁」，則會滾動並刪除一半的發送文本。我已經想通了，如果我設置

.companycallout h1 { 
    line-height: 5em; 
}

然後它正確地滾動。唯一的問題是，h2標籤被推下了。我可以找到如何解決這個問題的唯一方法是

.companycallout h1 { 
    line-height: 5em; 
} 
.companycallout h2 { 
    margin-top: -90px; 
    padding-bottom: 50px; 
}

這是最好的解決方案嗎？有沒有更好的選擇？我還沒有測試過這個跨瀏覽器（目前無法訪問它），所以我不確定它是否兼容整個主板。

謝謝！

來源

2012-11-10 Brad

截止是因爲身體有一個'保證金top'，所以它的'.offset（）.top'（滾動插件似乎使用）考慮了該邊距。嘗試在身體上設置「padding-top：80px」。 – pimvdb

我甚至沒有注意到身體上的邊緣。如果是這樣的話，那麼pimvdb有正確的答案 –

這工作。我發佈了下面的代碼。現在滾動好了。 –

只要改變你的邊距來填充頂部

body { 
    margin: 0; 
    font-family: "Open Sans", Helvetica, Arial, sans-serif; 
    font-size: 14px; 
    line-height: 20px; 
    color: #333; 
    background-color: white; 
    padding-top: 80px;}

來源

2012-11-10 21:42:27

填充爲我工作，謝謝 –

我會把你的CSS返回到你以前的樣子。

你的解決方案是改變你使用的jquery插件。更具體地說，偏移量（）。你可以給它添加一個值。下面是關於它的詳細信息：

http://api.jquery.com/offset/

enter image description here

來源

2012-11-10 21:10:31

行高只在頂部？

回答

相關問題