Chọn yếu tố khiến một cuộn lên đầu trang trên thiết bị iOS

Question

Tôi có trang web Bootstrap với phần tử <select> bên trong một phương thức.

Vấn đề của tôi là trong iOS (đã thử trên iPhone 5) khi tôi cố gắng mở select để chọn một nội dung nền (phía sau phương thức) tự động cuộn lên đầu trang.

tôi nhận được lỗi này trên Safari và Google Search, thay vì không có lỗi trên Chrome và Mercury Browser.

Có ai biết lý do và giải pháp của vấn đề này không? Cảm ơn

Answer 1

Tôi đã gặp phải sự cố tương tự đối với thiết bị iPad từ lâu. sử dụng event.preventDefault() trong javascript đã giải quyết được vấn đề.

Answer 2

Tôi có cùng một vấn đề và giải pháp phát hiện ra rằng thực sự giải quyết vấn đề này:

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); 
    }); 
} 

Hy vọng điều này sẽ rất hữu ích cho những người khác sẽ có cùng một vấn đề.