由Z-index較高的導航欄覆蓋的元素

Question

我有一個Z-index的導航欄，它高於/高於頁面上的所有其他元素，這意味着它被「忽略」。它的高度不在頁面上。

此外，我使用Twitter Bootstrap作爲我的網站的基礎。

當我嘗試重定向到帶錨標記的元素時會發生什麼。例如：通過自其高度導航欄我重定向到將獲得覆蓋的元件（覆蓋元件=導航欄高度）

<a href="#idhere">Go to ID</a> 

部分不計入在頁面上。

我敢肯定，有一個解決這個與JS/jQuery，但我想知道如果我可以通過HTML & CSS。

謝謝。如果我沒有清楚地解答我的問題，請確認一下。

Answer 1

我用一個小竅門（我認爲它仍然有效），只是做：

<div id="mydiv" class="section-target"></div> 

而CSS：

.section-target { 
    margin-top: -40px ; // Change to your navbar height 
    padding-top: 40px ; 
} 

Answer 2

看一看這裏的文檔：Bootstrap - Navbar fixed top

它建議您調整整個身體的填充以補償導航欄的高度：

body { padding-top: 70px; } 

您也可以使用靜態的頂部導航欄中，它不需要額外的填充：Bootstrap - Navbar static top