La barra de desplazamiento vertical de Chrome no funciona cuando la URL tiene # al final

Question

He tenido un problema intermitente que pensé que se debía a flotadores no borrados. Lo que sucede en Chrome (mi navegador principal de desarrollo) es que la barra de desplazamiento vertical se bloqueará en la posición superior y no puedo desplazarme hacia abajo en la página. Inicialmente, cuando la página comienza a cargarse, le permitirá desplazarse y luego, cuando se carga la página, volverá al principio y se bloqueará.

Acabo de desgarrar mis páginas buscando flotadores no borrados y etiquetas faltantes y finalmente descubrí que se debe a una URL que tiene un # al final (que se agrega programáticamente y permanece cuando actualizo la página ).

Este problema solo ocurre en Chrome, no parece ocurrir en otros navegadores webkit.

Supongo que está buscando un ancla y no la encuentra y luego se da por vencida. Definitivamente es un error, pero me preguntaba acerca de una solución, o por qué solo lo está haciendo en mi sitio: no puedo duplicarlo, por ejemplo, aquí .

Shift haga clic en la URL para abrir en el nuevo navegador :

URL que se bloqueará: / faq #

URL que no se bloquea (igual pero sin el #): / faq

Answer 1

Para mí, la solución estaba en un estilo de div emergente: tenía que asegurarme de que un div con un índice z y sin flotante pero rodeado de divs flotantes recibiera el estilo float: none y un ancho explícito (flotante, esto no era necesario ya que estaba absolutamente posicionado) Tengo un hilo trabajando a través de este aquí.