it-swarm.com.de

T3 Framework klebriges Menü Problem

Ich habe ein Problem mit dem klebrigen Menü.
Beim Scrollen durch das Menü, während es springt (scharfes Stechen).
Wie kann ich es schaffen, reibungslos zu bleiben?
Dieses Problem tritt auch auf Mobilgeräten auf.

2
ZHMEN

in dem Moment, in dem das Sticky-Ereignis eintritt, wird die Navigationsleiste aus dem Seiteninhalt entfernt und am oberen Seitenrand angebracht. Wenn die Navigationsleiste 50 Pixel hoch ist und sie plötzlich aus dem Seiteninhalt entfernt wird, springt der Rest des Seiteninhalts um 50 Pixel nach oben.

Die Lösung besteht darin, die Navigationsleiste in eine 50-Pixel-Container-Div einzuschließen und die neue Container-Div vom Affix-Aufruf auszuschließen. Bei affix dient der neue Container div lediglich als Platzhalter, der einen "Inhaltssprung" verhindert.

Eine andere Art von "springendem" Problem tritt auf, wenn die Affix-Parameter nicht richtig eingestellt sind. Wenn Sie einen Header mit einer Höhe von 100px über einer Navigationsleiste mit einer Höhe von 50px haben, sollten Sie den Parameter affix auf 100px setzen. Andernfalls wird die Navigationsleiste bei jedem Bildlauf um 100 Pixel oben angezeigt. Dies ist der "glatte" Look, den Sie wollen.

Wenn Sie den Affix-Parameter fälschlicherweise auf 50 Pixel eingestellt haben, springt die Navigationsleiste jedes Mal nach oben, wenn die Seite um 50 Pixel nach oben gescrollt wird, was diese andere Art von "Sprungproblem" verursacht.

Auf einer responsiven Seite, die eine Variation der Header-Höhe zulässt, kann es schwierig werden.

1
user3554535