鏈接到Page Anchor Pad top

Question

我在頁面頂部有一個粘滯導航，我也有一個作爲右欄。

我的問題是，當我將側邊導航鏈接到錨點時，它會將頁面滾動到該錨點並將其放在頂部導航之後。

是否有反正我可以擁有它，因此它滾動頁面到100px以上的實際錨，所以它不是在頂級粘滯導航後面？

我使用的引導與affix-top頂部導航和data-spy="scroll" and also affix`右欄導航

大膽

由於我使用的是data-spy="scroll"這種影響的方式，因爲該scrollspy作品在側邊導航上更改間諜之前，錨點位於頂部導航之後。

這就是爲什麼我螞蟻有一個抵消我的錨。

Answer 1

只要你可以設置此，以便它不會與佈局的其餘部分干擾，下面是一個簡單的方式做你想要什麼：

樣品的jsfiddle：http://jsfiddle.net/qWHgR/

selector { 
    padding-top: 200px; 
    margin-top: -200px; 
} 

我個人不熟悉Scrollspy，所以如果偏移成爲問題，您可能需要做一些小的修改。

Answer 2

+1 to @Nit建議。我喜歡它在內聯和塊級元素上運行得非常好，不會有任何想法。

http://jsfiddle.net/gCs7C/

HTML：

<nav> 
    <a href="#hash">Scroll to content</a> 
</nav> 
<div>Spacer</div> 
<div> 
    Spacer<br /> 
    <span id="hash">Content</span> 
</div> 

CSS：

html, body { 
    padding: 0; 
    margin: 0; 
} 

div { 
    height: 1000px; 
} 

nav { 
    position: fixed; 
    height: 24px; 
    width: 100%; 
    background-color: yellow; 
} 

#hash { 
    padding-top: 24px; 
    margin-top: -24px; 
}