Zapobieganie ruchomemu safari po przewinięciu strony, gdy textarea skupia się na

Question

Jak sugeruje tytuł, potrzebuję obejścia, aby uniemożliwić mobilne safari przewijanie dokumentu, gdy koncentruje się obszar tekstowy. Domyślnym zachowaniem jest przewijanie strony tak, aby jej wierzchołek był wyrównany z górną częścią okna. Po prostu chcę, aby moja strona pozostała na miejscu. czy to możliwe?

Answer 1

spróbować z tym

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

przewijania wydarzenie działa tylko wtedy, gdy element ma stałą wysokość i przelewowy własność ustawiony auto lub przewijania

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

sprawdzić przykład: http://jsfiddle.net/4YkNj/

Answer 2

Spróbuj tego:

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

i

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

Może trzeba czasomierza, aby umożliwić przeglądarka do przewijania textarea do góry przed blokując ruch.