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 |