Website springt an das Ende der Seite. Warum?

rammler

Hallo zusammen, Ich habe ein interessantes Phänomen und Problem.
Auf folgender Seite https://www.mohrenhof-franken.de/preise-buchung/ ist ein Buchungstool via externen JS eingebaut und HMTL Snippet (<div id="mgm-easybuchen"></div>) eingebaut.

Grundsätzlich wird das Tool angezeigt und funktioniert auch, allerdings springt die Seite beim Aufruf immer direkt zum Buchungstool was am Schluß der Seite eingebaut ist sodass der Contet darüber nicht erfasst wird. Warum ist das so? Es ist kein Anker eingebaut.

Es liegt sicherlich am JS nehme ich an, aber wo beginnt man da nach dem Fehler zu suchen? Seitens des Buchungstoolherstellers kommt leider kein Support.

Danke.

Link zum js: http://mohrenhof-franken.de/lib/easybuchen-iframe.js
Link zum Buchungstool: https://buchen.mohrenhof-franken.de

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Presskopp

ohne jetzt ins Detail zu gehen, aber ich glaube du bist auf der richtigen Spur. Es hat vermutlich etwas damit zu tun, wo bzw. wann du dein JS-Skript einbindest. Versuch das mal statt im head später einzubinden.

rammler

Zitat von Presskopp

ohne jetzt ins Detail zu gehen, aber ich glaube du bist auf der richtigen Spur. Es hat vermutlich etwas damit zu tun, wo bzw. wann du dein JS-Skript einbindest. Versuch das mal statt im head später einzubinden.

Hallo Presskopp, danke für den Tipp, leider hat es nichts geholfen das Script im Body unterhalb der Element einzubinden. mmhh?<

PS: auch das Einbauen nach dem </body> bringt keine Veränderung.

b3317133

Kommentiere testweise diese Zeile (Zeilennummer 55) im JavaScript aus:

Code

iFrameResize({log: false, checkOrigin: false }, '#mgmIframe');

Derzeit wird ein Scriptfehler erzeugt, da die ganze [FONT=Courier New]iFrameResize[/FONT] Komponente auskommentiert wurde, aber trotzdem weiter in der o.g. Zeile aufgerufen wird.

Code

Uncaught ReferenceError: iFrameResize is not defined ... easybuchen-iframe.js:55

Der eigentliche Ansprechpartner wäre der Buchungstoolhersteller. Bei fehlendem Support suche ein anderes Buchungstool...

Alternativ verwende eine andere iFrameResize Komponente oder nutze eine für alle Eventualitäten genügend grosse iframe ohne zusätzliche Scriptanpassungen.

rammler

Das Auskommentieren der iFrameResize Komponente habe ich wieder rückgängig gemacht … wollte schauen ob es an der liegt – tut es aber nicht. Der Support vom Buchungstoolhersteller ist unter aller S... Ein großes iFrame ist auch doof, da im zweite Schritt sehr viel Content drin ist und im dritten wenig – und der Inhalt des Frames nicht wieder nach oben springt sodass NUR weiß zu sehen ist. *nerv

Oder hast du ein gutes iFrame Plugin für WP was ich ausprobieren könnte? THX

b3317133

Zitat von rammler

... wollte schauen ob es an der liegt – tut es aber nicht.

Doch, tut es. Das Springen zum Buchungstool fand mit der fehlenden Komponente nicht statt.

Ein Teil der iFrameResize Komponente befindet sich auch im Buchungstool selbst, so dass es weitere Eingriffe erfordert, wenn man die ganze Komponente tauschen wollte. Vermutlich wäre daher bzgl. des Sprungs eine Anpassung im Code in easybuchen-iframe.js die beste Lösung, die Komponente stellt lt. Dokumentation eine scrollCallback Einstellung zur Verfügung, schau Dir das mal genauer an.

Mit einem iframe Plugin in WordPress hat dieser Mechanismus nichts zu tun.

rammler

Zitat von b3317133

Doch, tut es. Das Springen zum Buchungstool fand mit der fehlenden Komponente nicht statt.

Stimmt, hatte ich wohl den Cache nicht geleert. Danke.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Website springt an das Ende der Seite. Warum?

Jetzt mitmachen!