Tutorial: Automatisches scrollen und Scroll Offset

Automatisches scrollen unterbinden

Nach dem vollständigen Laden des Widgets scrollt der Browser standardmäßig automatisch zum Anfang des Such- und Buchungswidgets.
Sollten Sie dieses Verhalten nicht wünschen, kann das automatische Scrollen deaktiviert werden.

Ergänzen Sie hierzu den folgenden Parameter im Einbaucode des Widgets:

<script>
window.dw = window.dw || function () { (dw.q = dw.q || []).push(arguments) };
dw(
	'settings',	'9e23f320-2d0b-4bc6-a92f-8d20496c4ec2',	{
		"context": {
			"serviceIds": [],
			"productIds": []
		},
		"lang": 'de',
        "allowScrollOnApplicationStart": false
	}
);
</script>
<script async src="https://web5.deskline.net/start/ACCOWEB/9e23f320-2d0b-4bc6-a92f8d20496c4ec2/index.js"></script>

Durch das Setzen von "allowScrollOnApplicationStart": false bleibt die aktuelle Scroll-Position der Seite nach dem Laden des Widgets unverändert.

Scroll Offset

Befindet sich auf der Seite, auf der das Website Widget eingebunden ist, ein sogenannter Sticky- oder Fixed-Header, sollte zusätzlich ein Scroll Offset definiert werden.
Dies verhindert, dass das Widget beim automatischen Scrollen teilweise oder vollständig vom Header überdeckt wird.

Definition des Offsets

Der Offset kann auf zwei Arten festgelegt werden:

Fixer Pixelwert (z. B. 100)
Dynamische Berechnung anhand der tatsächlichen Höhe des Headers
(z. B. document.querySelector("header.head").scrollHeight + 10)

Beispiel mit fixem Offset

dw(
	'onGetAppContainerOffset',
	'5b46d36c-ac8b-4806-a5f4-7d971fb65025',
	() => { return 100; }
);

Der zurückgegebene Wert definiert den Abstand in Pixeln, der beim Scrollen oberhalb des Widgets berücksichtigt wird.