transizione css incoerente quando attivato su touch move

Question

Sto attivando un cambio di posizione css (con animazione di transizione css) quando l'utente scorre al di sotto di un certo punto. Funziona bene su chrome/safari sul pc ma non è coerente con l'iphone. A volte salta invece di animare, a volte non fa nulla e occasionalmente si anima.

Ho provato ad usare jQuery animate, ho aggiunto translate3d e ho messo l'elemento sul proprio livello, il che ha prodotto tutti gli stessi risultati.

Ecco il codice:

var logoUp = false; 
    $(window)[0].addEventListener('touchmove', function(e) { 
     console.log($(window).scrollTop()); 
     if ($(window).scrollTop() > 33) { 
     if(!logoUp){ 
      $('.trig_logo').css({ 'top': '-90px' }) 
      logoUp = true; 
     } 


     } else { 
      if(logoUp){ 
      $('.trig_logo').css({ 'top': '0px' }) 
      logoUp = false; 
     } 
     } 
    }) 

CSS

.trig_logo { 
    background:url(/img/head_foot/logo.png) center 0px no-repeat; 
    height:400px; 
    position: absolute; 
    width:100%; 
    top:0px; 
    -webkit-transition: 0.25s top; 
} 

Answer 1

Sono sorpreso -webkit-transition lavori su un iPhone a tutti.

In genere si vedrà qualcosa di simile:

-webkit-transition: .25s top; 
-moz-transition: .25s top; 
-o-transition: .25s top; 
transition: .25s top; /* <-- actual standard */ 

prefissi venditore sono incredibili giusto? (non)