2016-04-18 9 views
0

Ich habe ein Problem mit meinem festen Header-Navigationsleiste Inhalt an Ankerpunkten abdecken. Ich weiß, dass es eine Unmenge Fragen auf dieser Seite zu diesem Thema ist und nach der Lösung hier verwendeten Nachforschungen anstellen:Anchor-Problem mit bootstrap fixed-top-Header

offsetting an html anchor to adjust for fixed header

Im Großen und Ganzen die oben genannte Lösung funktioniert gut, aber es scheint nur dann richtig zu funktionieren, wenn Scroll eingeleitet . Ich habe den Header auf .affix (Bootstrap) gesetzt, sobald scroll passiert, aber wenn oben auf der Seite und Kopfzeile ist .affix-top die obige Lösung funktioniert nicht und das Header-nav deckt immer noch den Inhalt.

Kennt jemand eine Arbeit dafür? Ich nehme an, dass es heute etwas mit der Tatsache ist, dass mein Layout flüssig ist und sich positioniert, wenn der Header oben angebracht ist. hier

ist die Website:

http://staging.kmashworth.co.uk

dank

+0

obwohl ich nicht durch den vollständigen Code gegangen bin, scheint es, als müssten Sie Scroll auf Fenster oder ein anderes Element auslösen, wenn Sie wie ein Benutzer beim Laden der Seite scrollen möchten. Sie können es wie '$ (window) .trigger (" scroll ");'. –

Antwort

0

Als ich den Header festgelegt werden soll sowieso habe ich position: fixed nur den Header und dann hinzugefügt padding-top: 120px (gleiche Höhe wie Header) zu das Containerelement unter der Kopfzeile, so dass der Inhalt nicht abgedeckt ist.

Nicht sicher, ob dies der beste Weg ist, aber es funktioniert soweit ok.