Wenn das Formular oder die Vorschau länger (höher) wird, bleibt die Bestätigungsseite an der letzten Position stehen. Das kann mit einem jQuery Script beeinflusst werden.
<script type="text/javascript" defer="defer"> $jax(document).ready(function(){ $jax('html, body').animate({ scrollTop: $jax("#page-title-id").offset().top }, 500); }); </script>
Voraussetzung ist, dass jQuery verwendet wird. Das Attribut defer muss so wie gezeigt verwendet werden!
Die Ziel ID muss je nach Anwendungsfall neu gesetzt werden. Die im Beispiel gezeigte ID besteht nur im Musterfall.
Lösungsbeispiel:
Eigene Ziel ID (scrolltarget). Das Scrollziel ist im gezeigten Fall um 300 Pixel (-300) versetzt (Kundenanforderung).
<div id="scrolltarget"></div>
<p class="buttonstyle confirmbox"><span class="text">Übermittlung erfolgreich. Vielen Dank für Ihre Bestellung! Sie erhalten ein Bestätigungsmail an die angegebene Mail-Adresse mit den Kontaktdaten.</span></p>
<p>Folgende Daten wurden übermittelt:</p><div>${previewTable}</div>
<script type="text/javascript" defer="defer"> $jax(document).ready(function(){ $jax('html, body').animate({ scrollTop: $jax("#scrolltarget").offset().top -300 }, 500); }); </script>