Eu gostaria de desabilitar completamente a rolagem no 'corpo' do HTML. Eu tentei as seguintes opções:
Overflow: hidden;` (não funciona, não desabilitou a rolagem, apenas escondeu a barra de rolagem)
"posição: fixa;`(isto funcionou, mas rolou completamente para o topo, o que é inaceitável para esta aplicação específica)
Não consegui encontrar nenhuma alternativa a estas duas opções, há mais alguma?
HTML css funciona bem se a tag corporal não faz nada que você possa escrever também
<body scroll="no" style="overflow: hidden">
Neste caso, a anulação deve estar na etiqueta do corpo, é mais fácil de controlar, mas às vezes dá dores de cabeça.
Este post foi útil, mas só queria compartilhar uma pequena alternativa que pode ajudar os outros:
Definir "altura máxima" ao invés de "altura" também faz o truque. No meu caso, I'm desabilitando a rolagem com base em uma alternância de classes. Definindo .someContainer {height: 100%; overflow: hidden;}
quando o container's height is smaller than that of the viewport would stretch the container, which wouldn't be what you'd want. Definir max-height
contabiliza isso, mas se o container's height é maior que o viewport's quando o conteúdo muda, ainda desabilita a rolagem.