Tránh di chuyển safari từ trang cuộn khi textarea tập trung

Question

Như tiêu đề gợi ý, tôi cần giải pháp để tránh safari di động khi di chuyển tài liệu khi văn bản được lấy nét. Hành vi mặc định là di chuyển trang sao cho phần đầu của textarea được căn chỉnh với đầu cửa sổ. Tôi chỉ muốn trang của tôi ở lại. Điều này có thể không?

Answer 1

thử với điều này

// javascript.js 
var locked_scroll = false; 
var last_pos = 0; 

document.getElementById('my-text').addEventListener('focus', function(event){ 
    console.log('set locked'); 
    locked_scroll = true; 
    last_pos = document.getElementById('wrapper').scrollTop 
}); 

document.getElementById('my-text').addEventListener('blur', function(event){ 
    console.log('set unlocked'); 
    locked_scroll = false; 
}); 

document.getElementById('wrapper').addEventListener("scroll", function(event){ 

    if(locked_scroll) { 
     event.target.scrollTop = last_pos; 
    } 

}, true); 

cuộn sự kiện chỉ có tác dụng khi các phần tử có chiều cao cố định và tràn tài sản thiết lập để auto hoặc cuộn

#wrapper { 
    height: 300px; 
    overflow: auto;  
} 

séc sự ví dụ: http://jsfiddle.net/4YkNj/

Answer 2

Hãy thử điều này:

<script type="text/javascript"> 
    function blockMove() { 
     event.preventDefault() ; 
} 
</script> 

và

<input name="textbox" type="text" value="" onkeyup="blockMove;"/> 

Có lẽ bạn cần một bộ đếm thời gian để cho phép trình duyệt để di chuyển các textarea đầu trước khi chặn phong trào.