- Como você lida com várias barras de rolagem?
- Por que eu tenho duas barras de rolagem?
- Como faço para fazer uma seção rolável em html?
Como você lida com várias barras de rolagem?
Você pode tornar qualquer contêiner rolável com transbordamento: rolar ou transbordar: role . A abordagem geral é consertar a altura desses recipientes para que eles rolem. E.g. Para dividir as vistas de rolagem em vários recipientes, você faria e.g. Um layout de grade como o normal e colocou uma div scrolling aninhada dentro.
Por que eu tenho duas barras de rolagem?
Você está basicamente recebendo uma barra de rolagem dupla porque está dando a altura do corpo de 100VH e definindo um transbordamento. Parece que isso foi feito para manter o menu na posição correta em dispositivos móveis. Isso consertou coisas no Chrome, presumo que outros navegadores também, mas não fiz nenhum teste pesado.
Como faço para fazer uma seção rolável em html?
Pode ser feito facilmente usando a propriedade Overflow. A propriedade Overflow tem valores diferentes. E.g., Overflow: Auto; e um procedimento de ocultação de eixo como o Overflow-X: Hidden; e transbordamento-y: automático; fará uma barra rolável vertical e horizontalmente, e o valor "automático" adicionará apenas uma barra rolável verticalmente.