Bx Slider rende gli altri elementi della pagina in movimento (su Chrome)

Question

ho trovato bug su 2 siti web: come detto nel titolo, quando una diapositiva è in esecuzione, alcuni elementi ulteriori nella pagina si muovono allo stesso tempo. Controllare questa pagina:

http://www.cosmosupplylab.com/

Scorrendo sulla pagina per la parte della squadra, alcuni ritratti si stanno muovendo allo stesso tempo il dispositivo di scorrimento è sparato. Succede anche nella parte Expertise e in altri posti sulla pagina (alcune immagini, solo una parola in un paragrafo, alcune div ...)

È un comportamento davvero strano, se hai un'idea di cosa potrebbe sii il motivo, grazie mille!

Answer 1

Non conosco il motivo ma ho appena incontrato lo stesso problema.

ho notato che tutti gli elementi interessati sono posizionati "relativa" così ho provato a cambiarli. Ho provato in assoluto, ha risolto il problema ma era in conflitto con il mio design.

Ho risolto il problema rendendo tutti gli elementi interessati posizione: statica.

elementi galleggianti * interessato ancora muovono, consiglio di farli assoluto se sono singolo elemento flottato. : D

Answer 2

Ho una "soluzione" per chiunque abbia questo problema.

Gli elementi di salto sono il risultato del browser che utilizza le animazioni CSS.

di un modo rapido per fermare questo comportamento, impostare l'opzione del 'useCSS' false.

Non sono contento suggerendo questo come io preferirei di gran lunga le animazioni CSS - ma funziona.

Answer 3

Ho avuto lo stesso comportamento in Google Chrome e l'ho risolto aggiungendo quanto segue al mio CSS.

.bx-viewport { 
    -webkit-transform: translatez(0); 
    -moz-transform: translatez(0); 
    -ms-transform: translatez(0); 
    -o-transform: translatez(0); 
    transform: translatez(0); 
}