Stellar.js parallax éléments sont nerveux sur Safari?

Question

Je sais que cette question a déjà été posée, mais j'ai essayé de corriger les images d'arrière-plan et ça n'aide pas.

You can view the problem here when you scroll down to the thumbnail gallery.

Je ne sais vraiment pas ce que le problème, mais voici le code pour les arrière-plans qui sont nerveux:

#content1 { 
    background: #395668 url(../img/studio-9.jpg) fixed no-repeat center; 
    padding-top: 120px; 
    padding-bottom: 120px; 
} 

#gallery { 
    background: url(../img/studio-8.jpg) fixed no-repeat center; 
    padding-top: 160px; 
    padding-bottom: 160px; 
} 

Toute idée de ce qui se passe ?? On dirait bien dans Chrome et décent dans Firefox.

Answer 1

Cela ne concerne malheureusement pas votre code, mais plutôt les navigateurs eux-mêmes, car Safari réagit très différemment au défilement de la souris avec Firefox et Chrome. Firefox et Chrome font défiler la souris tout au long du processus de défilement, ce qui rend le Parallax efficace. Toutefois, avec Safari, la position de défilement de la souris n'est pas mise à jour tant que l'utilisateur n'a pas fini de défiler, ce qui provoque l'effet de secousse.

La seule option est de désactiver l'effet Parallax pour les utilisateurs de Safari.