/ / Link do części strony minus wysokość paska nawigacyjnego - html, css, twitter-bootstrap

Link do części strony minus wysokość paska nawigacyjnego - html, css, twitter-bootstrap

Stoję przed problemem, jak utworzyć łącze, które przenosi mnie do części strony, z góry pobierając wysokość paska nawigacyjnego? Ponieważ pasek nawigacyjny jest stały na górze z jednolitym kolorem, to pokrywa część div.

Po prostu to robię

<a href="#foo1">Right link 1</a>
...
<section id="foo1">

co mnie tam sprowadza, ale wygląda tak

i chcę tego

Pasek nawigacyjny ma wysokość 64px i dosłownie chcę, aby ten link doprowadził mnie do # foo1 - 64px

Odpowiedzi:

0 dla odpowiedzi № 1

Możesz dodać element na górze sekcji o identyfikatorze foo1 i link do tego elementu.

<a href="#demo">Right link 1</a>
...
<section id="demo">
<section id="foo1">

0 dla odpowiedzi nr 2

Zrozumiałem to po kolejnym googlu.

Zrobiłem javascript dla przewijania efektu (który wygląda lepiej niż tylko przeskoczyć do pozycji) i dodano przesunięcie Więcej informacji tutaj:

jQuery przewiń do kotwicy (minus ustawiona ilość pikseli)