Evitar que safari móvil se desplace por la página cuando se enfoca en texto

Question

Como sugiere el título, necesito una solución para evitar que Safari móvil desplace el documento cuando se enfoca un área de texto. El comportamiento predeterminado es desplazar la página para que la parte superior del texto esté alineada con la parte superior de la ventana. Solo quiero que mi página se quede. es posible?

Answer 1

tratar con este

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

el rollo caso sólo funciona cuando el elemento tiene una altura fija y la propiedad desbordamiento ajustado a automático o desplazamiento

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

verificación de la ejemplo: http://jsfiddle.net/4YkNj/

Answer 2

Prueba esto:

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

y

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

Tal vez usted necesita un contador de tiempo para permitir que el navegador para desplazarse al área de texto al principio antes de bloquear el movimiento.