Website: Link springt bei erstem Aufruf nicht zu Anker

Victor89

Cadet 2nd Year
Registriert
Dez. 2013
Beiträge
18
Hallo zusammen,
habe eine Website mit Wordpress (OceanWP, Elementor) gebaut.
Das Menü im Header verlinkt auf 3 Anker, relativ weit unten auf der Startseite.
Wenn man einmal runter und wieder hochscrollt funktioniert das Menü im Header.
Beim ersten Aufruf der Seite scrollen die Menülinks allerdings an die falsche Stelle, bleiben irgendwo in der Mitte hängen.
www.bkarchitektur.com
Mein Verdacht wäre, dass man sicherstellen muss, dass die Website beim ersten Aufruf komplett geladen wird.
Hat jemand eine Idee, woran das liegen könnte und weiß, was zutun ist?
VG
Victor
 
Diese Bilder werden scheinbar erst geladen, wenn man herunterscrollt.
1721205841355.png

Dadurch wird vermutlich der Browser die Position der Anker noch ohne die Bilder bestimmen.

Elementor scheint diesen lazyload zu machen, kann man bestimmt irgendwie deaktivieren.
 
Danke für den Tipp.

Konnte "Optimized Image Loading" in den Elementoreinstellungen deaktivieren.
Habe außerdem "add_filter('wp_lazy_loading_enabled', '__return_false');" in die functions.php eingetragen und zusätzlich noch ein Plugin "disable lazy loading" aktiviert.

Trotzdem werden die Bilder weiterhin "lazy" geladen.
Woran kann das noch liegen?
Stehe gerade auf dem Schlauch.
 
Problem gelöst:

Es gibt für das Elementor-Plugin wiederum ein weitere Plugin namens "Lazy Load Control For Elementor". Dieses Plugin schaltet dann wiederum eine Funktion frei, mit der man Lazy Load einzeln bei Bildern deaktivieren kann. Sonstige Lösungsvorschläge haben alle nicht funktioniert.

Die Ankerlinks funktionieren nun einwandfrei .
 
Victor89 schrieb:
Hat jemand eine Idee, woran das liegen könnte und weiß, was zutun ist?
Haben alle Bilder die "width" und "height" Attribute korrekt gesetzt? Falls nicht, würde ich diese Probleme beheben und dann mit wieder aktivierter Lazy-Load Optimierung noch mal prüfen, ob die Ankerpunkte korrekt angesprungen werden.
 
Zurück
Oben