Arresta overscroll quando si utilizza "-webkit-overflow-scrolling: touch"?

Question

Ho trovato il: elemento

-webkit-overflow-scrolling: touch; 

css per darci scorrimento nativo su iOS. Questo sembra funzionare bene per me.

Ma c'è un modo per disattivare l'effetto "overscroll"?

Ad esempio, quando la posizione di scorrimento è zero, e continui a trascinare verso il basso, la parte superiore del mio contenuto si sposterà verso il basso rivelando un po 'di spazio bianco sopra di esso. Quando rilasci il dito, il contenuto scatta verso l'alto. C'è un modo per disabilitare solo quella parte di esso?

Inoltre ho letto da qui:

http://cantina.co/2012/03/06/ios-5-native-scrolling-grins-and-gothcas/

che Apple aveva introdotto questo con un bug relativo al rendering e una correzione hack di:

-webkit-transform: translate3d(0,0,0); 

si suppone per risolvere il problema. È stato risolto con ios6?

Answer 1

Hai provato le tecniche in this blog post per disattivare lo scorrimento elastico? In particolare, per iOS suggerisce il seguente JavaScript:

document.addEventListener(
    'touchmove', 
    function(e) { 
    e.preventDefault(); 
    }, 
    false 
); 

Answer 2

Questo sembra aiutare:

https://github.com/joelambert/ScrollFix

... ScrollFix funziona in tutto questo mediante compensazione manualmente il valore scrollTop ad una via dal limite estremo, il che fa sì che il browser utilizzi le bande di gomma anziché passare l'evento sull'albero DOM.