Bei Klick ins Eingabefeld auf mobilen Geräten hochscrollen

Snooty

Commodore
Registriert
Dez. 2012
Beiträge
4.644
Hio,

ich habe ein Suchfeld, unter dem während der Eingabe Vorschläge angezeigt werden. Damit auf mobilen Geräten die Liste mit den Vorschlägen nicht von der Tastatur überdeckt wird, soll beim Aktivieren/Tap auf das Eingabefeld selbiges an den oberen Rand gescrollt werden (wie man es bspw. von Google kennt).

Zum Hochscrollen hätte ich folgende Funktion genommen:
PHP:
$('#eingabe').on('focus', function() {
    document.body.scrollTop = $(this).offset().top;
});

Leider passiert es hier (zumindest auf Android), dass durch das Scrollen die ggf. ausgeblendete Adressleiste wieder angezeigt wird und dabei dann das Eingabefeld wieder zentriert wird. Ich hab mal versucht, das ganze aufzunehmen: Anhang anzeigen ScrollTop.rar

Hat jemand eine Idee, wie man das lösen könnte?
 
Zuletzt bearbeitet:
Zurück
Oben