bibweb.git

@@ -0,0 +1,20 @@

+document.addEventListener('DOMContentLoaded', function() {

+    // 1. Alle relevanten Eingabefelder im Formular auswählen

+    // Wir verwenden 'input[type="text"]' und 'input[type="tel"]'

+    const inputFields = document.querySelectorAll('input[type="text"]');

+

+    // 2. Event-Listener zu jedem Eingabefeld hinzufügen

+    inputFields.forEach(input => {

+        input.addEventListener('focus', function() {

+            // Führen Sie einen leichten Timeout ein,

+            // um dem Browser Zeit zu geben, die Tastatur einzublenden

+            setTimeout(() => {

+                // 3. Verwenden Sie scrollIntoView, um das Eingabefeld in den Blick zu bringen

+                this.scrollIntoView({

+                    behavior: 'smooth', // Sanfter Scroll-Effekt

+                    block: 'start'      // Positioniert das Element am oberen Rand des Viewports

+                });

+            }, 300); // 300ms Verzögerung, kann je nach Gerät angepasst werden

+        });

+    });

+});