Anker-Links scrollen zur falschen Position

Question

Ich behebe dieses Problem, kann aber keine Antwort finden. Die Ankerlinks auf der Startseite scrollen nicht zur korrekten Position auf der neuen Seite (Lebensmittel-Getränk).

http://goldforest.com (klicken Sie auf einen Link in den quadratischen Fotos)

Merkwürdig ist, wenn Sie manuell eingeben einen Anker-Link-Hash in der Lebensmittel-Getränk Seite wird es funktionieren. Es scheint mir, dass die Ankerpositionen VOR dem Rest der Seite geladen werden, was den Positionierungsfehler verursacht.

Irgendwelche Ideen werden geschätzt.

Danke

Answer 1

Es scheint, dass diese alle Bilder Karussells (einige von ihnen über dem Anker) noch geladen nach der Seite bereits auf den Anker sprang. Da sie eine Anfangshöhe von 0 haben, werden alle Elemente darunter nach unten geschoben, nachdem ihr contant geladen ist, was offensichtlich ist, nachdem die Seite zum Anker springt. Um dies zu vermeiden, müssen Sie entweder Javascript verwenden, um das Scrollen zum Ankern zu verzögern, bis alle Karussells vollständig geladen sind, oder Sie können Höheneinstellungen für diese Karussellcontainer definieren - entweder für die Klasse .food-beverage-container oder separate Einstellungen für jede ID, die diese Klasse hat. Da sie reaktionsfähig sind, ist das schwierig - verwenden Sie vw Werte für die Höhe (die ein Prozentsatz der Breite sind, die wahrscheinlich in Relation bleibt, wenn gezoomt)