1485 sujets

Web Mobile et responsive web design

Bonjour à tous !

Je rencontre un souci assez étrange sur plusieurs de mes sites, mais pas sur tous !

Lorsque l'on scroll dans une page et que la barre d'adresse du navigateur disparait ou apparait, cela provoque un sursaut du site.

Voici une petite vidéo du dysfonctionnement

Auriez-vous une piste pour m'aider à résoudre ce problème s'il vous plaît ?

Merci d'avance !
Heu c'est juste une vidéo hébergée sur Amazon web services avec, je te le concède une url chiffrée à rallonge, mais ça n'est en aucun cas un spam en tous cas !

Pour être plus précis c'est une vidéo qui a été uploadée sur Trello.com
Modifié par besky (21 Jun 2016 - 00:30)
Modérateur
Salut,

As-tu un style qui se base sur la hauteur de l'écran pour définir la hauteur de tes section par exemple ?
La barre d'url qui s'affiche ou disparaît peut modifier la valeur de la hauteur disponible et du coup faire varier la hauteur des blocs...
Salut Laurent et merci de ta réponse.

En effet les deux sites ont au moins une section qui est réglée par un "height: 100vh".

Du coup il faudrait définir un "min-height" pour éviter ce sursaut, mais le définir à la taille de l'écran sans prendre en compte la barre d'adresse ?

Ou alors utiliser une autre unité que "vh" ?

Sinon faire un script JS qui lui dise en gros "Si tu as X de hauteur, lors du scroll tu reste à X de hauteur" ?

À moins qu'il existe une meilleure solution peut-être ?

Merci en tous cas de m'avoir ouvert les yeux Laurent !