Element auswählen, um einen Scroll zum Seitenanfang auf iOS-Geräten

Question

Ich habe eine Bootstrap-Website mit einem <select> Element in einem Modal.

Mein Problem ist, dass in iOS (auf iPhone 5 versucht), wenn ich versuche, die select zu öffnen, um eine option den Hintergrund Inhalt (hinter modal) wählt automatisch scrollt bis zum Anfang der Seite.

ich diesen Fehler auf Safari und Google Search, stattdessen kein Fehler auf Chrom und Quecksilber Browser.

Kennt jemand den Grund und die Lösung dieses Problems? Danke

Answer 1

Ich hatte das gleiche Problem für iPad-Gerät eine lange zurück. using event.preventDefault() in Javascript hatte das Problem gelöst.

Answer 2

Ich habe das gleiche Problem und Lösung gefunden, die dieses Problem wirklich löst:

if(navigator.userAgent.match(/iPhone|iPad|iPod/i)) { 

    $('.modal').on('show.bs.modal', function() { 

     // Position modal absolute and bump it down to the scrollPosition 
     $(this) 
      .css({ 
       position: 'absolute', 
       marginTop: $(window).scrollTop() + 'px', 
       bottom: 'auto' 
      }); 

     // Position backdrop absolute and make it span the entire page 
     // 
     // Also dirty, but we need to tap into the backdrop after Boostrap 
     // positions it but before transitions finish. 
     // 
     setTimeout(function() { 
      $('.modal-backdrop').css({ 
       position: 'absolute', 
       top: 0, 
       left: 0, 
       width: '100%', 
       height: Math.max(
        document.body.scrollHeight, document.documentElement.scrollHeight, 
        document.body.offsetHeight, document.documentElement.offsetHeight, 
        document.body.clientHeight, document.documentElement.clientHeight 
       ) + 'px' 
      }); 
     }, 0); 
    }); 
} 

Hoffnung dies für andere hilfreich sein würde, das gleiche Problem haben.