Adresseingabe auch automatisch scrollen
Bernd Wurst

Bernd Wurst commited on 2025-10-12 14:33:21
Zeige 1 geänderte Dateien mit 20 Einfügungen und 0 Löschungen.

... ...
@@ -0,0 +1,20 @@
1
+document.addEventListener('DOMContentLoaded', function() {
2
+    // 1. Alle relevanten Eingabefelder im Formular auswählen
3
+    const inputFields = document.querySelectorAll('input[type="text"],input[type="email"]');
4
+
5
+    // 2. Event-Listener zu jedem Eingabefeld hinzufügen
6
+    inputFields.forEach(input => {
7
+        input.addEventListener('focus', function() {
8
+            // Führen Sie einen leichten Timeout ein,
9
+            // um dem Browser Zeit zu geben, die Tastatur einzublenden
10
+            setTimeout(() => {
11
+                // 3. Verwenden Sie scrollIntoView, um das Eingabefeld in den Blick zu bringen
12
+                this.scrollIntoView({
13
+                    behavior: 'smooth', // Sanfter Scroll-Effekt
14
+                    block: 'center'
15
+                });
16
+            }, 300); // 300ms Verzögerung, kann je nach Gerät angepasst werden
17
+        });
18
+    });
19
+});
20
+
0 21