6
a dire il vero, sono un po 'disperato..scroll() posizionamento flickering in google chrome dopo il suo ultimo aggiornamento
Dopo il mio browser Google Chrome aggiornato - da quello che penso dalla versione 39 alla 41 - uno dei miei siti Web dei clienti è completamente sfigurato in Chrome.
Potete vedere qui: http://prinovis-media-day.com/
Se si scorre verso il basso, tutti gli »« elementi di parallasse sono tremolanti. Ho controllato sul mio macbook su Versione 39 - E 'assolutamente bene nella versione 39.
In sostanza, quello che sto facendo per creare questo effetto è molto semplice:
$("window").scroll(function(){
var move_value = Math.round(scroll_top * 0.3);
var opacity_value = *some other value*;
$(".parallax-container__content").css({
'opacity': opacity_value,
'padding-top': move_value +'px'
});
});
Qualcuno sa che cosa c'é? Ha funzionato come un fascino prima di questo aggiornamento ...
Grazie mille in anticipo, ho davvero apprezzato qualsiasi risposta!
È sempre possibile memorizzare nella cache l'elemento $ (". Parallax-container__content") in una variabile in modo che non lo recuperi ogni volta che viene attivato l'evento di scorrimento e anche per il valore di opacità (a meno che non sia dinamico cambiando a seconda di scroll_tp. Ciò potrebbe causare lo script per accelerare e aiutare la jank che sta accadendo –
FYI: Funziona bene sul mio "Chrome 40.0.2214.115 m" – OddDev
Si potrebbe provare ad aggiungere una "transizione" al CSS del " .prallax-container_content ". http://www.w3schools.com/css/css3_transitions.asp – OddDev