आईओएस जावास्क्रिप्ट

Question

के माध्यम से डिवाइस के व्यूपोर्ट एक्स/वाई निर्देशांक को छूता है मैं वर्तमान में एक आईफोन के लिए एक वेबपृष्ठ विकसित कर रहा हूं जिसमें एक डीआईवी तत्व है जो उपयोगकर्ता स्पर्श और खींच सकता है। इसके अतिरिक्त, जब उपयोगकर्ता डिवाइस की स्क्रीन के ऊपर या नीचे तत्व को ड्रैग करता है, तो मैं पृष्ठ को ऊपर या नीचे स्क्रॉल करना चाहता हूं।

समस्या जो मैं कर रहा हूं वह टचमोव घटना में निर्देशांक प्राप्त करने के लिए एक विश्वसनीय सूत्र निर्धारित करने का प्रयास कर रहा है जो उपयोगकर्ता की उंगली को डिवाइस व्यूपोर्ट के शीर्ष या नीचे तक पहुंचने के साथ समन्वयित करता है। मेरा वर्तमान सूत्र थकाऊ लगता है और मुझे लगता है कि ऐसा करने का एक आसान तरीका हो सकता है।

मेरे वर्तमान सूत्र निर्धारित करने के लिए स्पर्श घटना स्क्रीन के नीचे तक पहुँच गया है:

function onTouchMoveHandler(e) 
{ 
    var orientation=parent.window.orientation; 
    var landscape=(orientation==0 || orientation==180)?true:false; 
    var touchoffsety=(!landscape?screen.height - (screen.height - screen.availHeight):screen.width - (screen.width - screen.availWidth)) - e.touches[0].screenY + (window.pageYOffset * .8); 
    if(touchoffsety < 40) alert('finger is heading off the bottom of the screen'); 
} 

मैं ऐसे खिड़की, दस्तावेज़, शरीर, e.touches के रूप में वस्तुओं पर जावास्क्रिप्ट प्रतिबिंब का एक सा किया है यह देखने के लिए कि क्या मुझे संख्याओं का एक सेट मिल सकता है जो हमेशा स्क्रीन के शीर्ष या नीचे के बराबर जोड़ता है, लेकिन विश्वसनीय सफलता के बिना। इसके साथ मदद की सराहना की जाएगी।

Answer 1

screenY एक स्पर्श के क्षेत्र को मानते हुए, वर्तमान स्क्रॉल स्थिति के बावजूद स्क्रीन-टॉप के सापेक्ष y समन्वय होता है, आपकी वर्तमान गणना मुझे पूरी तरह से समझ में नहीं आती है। मुझे आशा है कि मैंने यह गलत नहीं समझा कि आप क्या करने की कोशिश कर रहे हैं।

यह पता लगाने के लिए कि कोई स्पर्श शीर्ष के करीब या डिवाइस के निचले भाग के करीब है, तो मैं पहली बार जांचता हूं कि स्क्रीनवाई शीर्ष के करीब है (शीर्ष 0 है), क्योंकि आप सीधे उस मान के साथ काम कर सकते हैं। फिर, यदि यह शीर्ष के करीब नहीं है, तो गणना करें कि यह नीचे कितना करीब है और उसे जांचें।

var touch = e.touches[0]; 
if (touch.screenY < 50) 
{ 
    alert("Closing in on Top"); 
} 
else //Only do bottom calculations if needed 
{ 
    var orientation=parent.window.orientation; 
    var landscape=(orientation==0 || orientation==180)?true:false; 
    //height - (height - availHeight) is the same as just using availHeight, so just get the screen height like this 
    var screenHeight = !landscape ? screen.availHeight : screen.availWidth; 
    var bottomOffset = screenHeight - touch.screenY; //Get the distance of the touch from the bottom 
    if (bottomOffset < 50) 
     alert("Closing in on Bottom"); 
} 

Answer 2

यह वास्तव में बुरा नहीं है। तुम भी Zepto.js और इस्तेमाल कर सकते हैं अपने में निर्मित स्पर्श घटनाओं और .offset() विधि इसे पाने के लिए थोड़ा आसान:

• http://zeptojs.com/#touch
• http://zeptojs.com/#offset

हालांकि, मैं कि क्या पता करने के लिए इच्छुक हूँ या आप वास्तव में इसे नीचे स्क्रॉल करने का प्रबंधन नहीं करते हैं, और यदि प्रदर्शन प्रभावशाली बनाने के लिए पर्याप्त चिकनी है। (आईओएस में अक्सर स्क्रॉलिंग जावास्क्रिप्ट को वास्तव में कड़ी मेहनत करता है)