iOS tocca alla vista del dispositivo x/y coordinate via Javascript

Question

Attualmente sto sviluppando una pagina Web per un iPhone che contiene un elemento DIV che l'utente può toccare e trascinare. Inoltre, quando l'utente trascina l'elemento nella parte superiore o inferiore dello schermo del dispositivo, voglio scorrere automaticamente la pagina verso l'alto o verso il basso.

Il problema che sto riscontrando è cercare di determinare una formula affidabile per ottenere le coordinate nell'evento onTouchMove che corrispondono al dito dell'utente che raggiunge la parte superiore o inferiore della finestra del dispositivo. La mia formula attuale sembra noiosa e credo che ci possa essere un modo più semplice per farlo.

La mia formula attuale per determinare se l'evento di tocco ha raggiunto la parte inferiore dello schermo:

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'); 
} 

Ho fatto un po 'di Javascript riflessione su oggetti come le finestre, documenti, corpo, e.touches per vedere se potessi trovare una serie di numeri che equivarrebbe sempre ad essere uguale alla parte superiore o inferiore dello schermo, ma senza successo affidabile. Aiutare con questo sarebbe molto apprezzato.

Answer 1

Supponendo che il campo screenY mantenga la coordinata y relativa allo schermo indipendentemente dalla posizione di scorrimento corrente, il calcolo corrente non ha molto senso per me. Spero di non aver frainteso ciò che stai cercando di fare.

Per scoprire se un tocco è vicino alla parte superiore o inferiore del dispositivo, vorrei prima controllare se ScreenY è vicino alla parte superiore (superiore essendo 0), poiché è possibile lavorare direttamente con quel valore. Quindi, se non è vicino alla cima, calcola quanto è vicino al fondo e controlla quello.

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

In realtà non è male. Si potrebbe anche usare Zepto.js e la sua built-in eventi di tocco e .offset() metodo per ottenere un po 'più facile:

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

Tuttavia, io sono interessato a sapere se o non riesci effettivamente a farlo scorrere in basso, e se la performance è abbastanza fluida da rendere l'effetto utile. (lo scorrimento frequente in iOS interrompe JavaScript molto duramente)