La barre de défilement verticale de Chrome ne fonctionne pas lorsque l'URL est finie

Question

J'ai eu un problème intermittent qui, je pense, était dû à des flotteurs non nettoyés. Ce qui se passe dans Chrome (mon navigateur de développement principal) est que la barre de défilement verticale se verrouille en haut de la page et que je ne peux pas faire défiler la page. Initialement, lorsque la page commence à se charger, elle vous permet de faire défiler la page. Une fois la page chargée, elle revient au début et se verrouille d'elle-même.

Je viens de déchirer mes pages à la recherche de flottants non supprimés et de balises manquantes. J'ai enfin découvert que cela était dû à une URL comportant un # à la fin (qui est ajoutée par programme et reste lors de l'actualisation de la page. ).

Ce problème se produit uniquement en chrome - ne semble pas se produire dans les autres navigateurs Webkit.

Je suppose qu’il recherche une ancre, ne la trouve pas et abandonne ensuite. C’est définitivement un bogue, mais je me demandais une solution de contournement ou pourquoi il ne le fait que sur mon site. Je ne peux pas le dupliquer, par exemple, ici .

Déplacez le curseur sur l'URL pour l'ouvrir dans un nouveau navigateur :

URL à verrouiller: / faq #

URL non verrouillée (identique mais sans le #): / faq

Answer 1

Pour moi, la solution était à la manière d'un div popup: je devais m'assurer qu'une div avec un z-index et pas de float mais entourée de divs flottantes se voit attribuer le style float: none et une largeur explicite (flottant cela n'était pas nécessaire car il était positionné absolument). Un fil de discussion passe à travers cette ici.