Chrome barra de rolagem vertical não funciona quando o URL tem # no final
-
05-07-2019 - |
Pergunta
Eu tive um problema intermitente que eu pensei que era devido a carros alegóricos limpou-un. O que acontece no Chrome (meu navegador principal de desenvolvimento) é a barra de rolagem vertical irá travar na posição superior e não posso rolar a página. Inicialmente quando a página começa a carregar permitirá que você para se deslocar e, em seguida, quando a página é carregada ele irá saltar de volta para o início e bloqueia.
Eu apenas fui rasgando as minhas páginas à procura de carros alegóricos limpou-un e etiquetas ausentes e finalmente descobri que é devido a uma URL com um # no final (que fica programaticamente adicionado e permanece quando eu atualizar a página ).
Este problema só acontece em cromo -. Não parece acontecer em outros navegadores webkit
Eu assumo a sua procura de uma âncora e não encontrá-lo e depois desistir. Sua definitivamente um bug, mas estava pensando sobre uma solução alternativa, ou por que ele só está fazendo isso no meu site - Não posso duplicá-lo, por exemplo, aqui .
Shift + clique no URL para abrir no novo navegador :
URL que irá bloquear: / faq #
URL que não bloqueie (o mesmo, mas sem o #): / FAQ
Solução
Para mim, a solução foi no estilo de um div pop-up: Eu tinha que ter certeza de uma div com um z-index e sem flutuador, mas cercado por divs flutuantes foi dado o float:none
estilo e uma largura explícita (flutuante isso não foi necessário como foi posicionado de forma absoluta). Eu tenho um trabalho fio através deste aqui.