स्क्रॉलिंग पृष्ठ से मोबाइल सफारी को रोकें जब टेक्स्टरेरा

Question

शीर्षक बताता है, मुझे टेक्स्टरी को ध्यान केंद्रित करते समय दस्तावेज़ को स्क्रॉल करने से मोबाइल सफारी को रोकने के लिए एक कामकाज की आवश्यकता है। डिफ़ॉल्ट व्यवहार पृष्ठ को स्क्रॉल करना है ताकि टेक्स्टरेरा का शीर्ष विंडो के शीर्ष के साथ गठबंधन हो। मैं सिर्फ अपने पेज को रखना चाहता हूं। क्या यह संभव है?

Answer 1

इस

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

घटना स्क्रॉल केवल काम करता है जब तत्व एक निश्चित ऊंचाई अतिप्रवाह संपत्ति ऑटो या स्क्रॉल

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

जांच करने के लिए सेट के साथ की कोशिश उदाहरण: http://jsfiddle.net/4YkNj/

Answer 2

इस प्रयास करें:

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

और

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

शायद तुम एक टाइमर की जरूरत है ब्राउज़र पाठ क्षेत्र आंदोलन को अवरुद्ध करने से पहले शीर्ष पर स्क्रॉल करने के लिए अनुमति देने के लिए।