La barra di scorrimento verticale di Chrome non funziona quando l'URL ha # alla fine

Question

Ho avuto un problema intermittente che pensavo fosse dovuto a float non cancellati. Quello che succede in Chrome (il mio browser di sviluppo principale) è che la barra di scorrimento verticale si bloccherà nella posizione più alta e non riesco a scorrere la pagina. Inizialmente quando la pagina inizia a caricarsi ti permetterà di scorrere e poi quando la pagina viene caricata tornerà all'inizio e si bloccherà da sola.

Ho appena strappato le mie pagine alla ricerca di float non cancellati e tag mancanti e finalmente ho scoperto che è dovuto a un URL con un # alla fine (che viene aggiunto a livello di codice e rimane quando aggiorno la pagina ).

Questo problema si verifica solo in Chrome - non sembra verificarsi in altri browser webkit.

Presumo che stia cercando un'ancora, non trovandola e poi arrendendosi. È sicuramente un bug ma mi chiedevo una soluzione alternativa o perché lo sta facendo solo sul mio sito - non posso duplicarlo ad esempio qui .

MAIUSC fai clic sull'URL per aprirlo nel nuovo browser :

URL che bloccherà: / faq #

URL che non si blocca (uguale ma senza il #): / faq

Answer 1

Per me, la soluzione era nello stile div di un popup: dovevo assicurarmi che un div con un indice z e nessun float ma circondato da div galleggianti avesse lo stile float: none e una larghezza esplicita (questo non era necessario in quanto era assolutamente posizionato). Ho un thread che funziona attraverso questo qui.