git.schokokeks.org
Repositories
Help
Report an Issue
bibweb.git
Code
Commits
Branches
Tags
Suche
Strukturansicht:
c4bf610
Branches
Tags
master
bibweb.git
assets
index.js
scrolle die Eingabefelder ganz nach oben bei Fokus, damit der Weiter-Knopf sichtbar wird.
Bernd Wurst
commited
c4bf610
at 2025-10-12 13:13:13
index.js
Blame
History
Raw
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 }); }); });