Lazyload Bilder und Anker

Question

Ich habe eine Webseite, die darauf wartet, dass Bilder geladen werden, bis sie im Darstellungsbereich des Browsers sichtbar sind (Lazyload). Die Abmessungen von Bildern sind unbekannt. Oben auf der Webseite habe ich einen Link, der zu einem Anker am unteren Rand der Seite springt. Wenn ein Benutzer den Link drückt, scrollt der Browser an die falsche Position der Webseite. Ich nehme an, das liegt daran, dass die Bilder im Browser geladen werden und dadurch die Höhe der Seite verändert wird. Mit anderen Worten, die Position des Ankers ändert sich, nachdem auf die Verknüpfung geklickt wurde. Gibt es trotzdem dieses Paradoxon zu lösen?

Answer 1

Sie können einen Link und ein Div anhängen, nachdem die Bilder vollständig geladen sind.

Zum Beispiel: Wenn die Bilder geladen sind, könnten Sie:

$("#someDiv").append("<a href='#SomeOtherDiv'></a>"); 

$("#someDivAtTheBottomOfThePage").append("<div id='#JumpToThis'></div>");