Resolva a barra de rolagem múltipla em uma página

1. Como você lida com várias barras de rolagem?
2. Como faço para me livrar da barra de rolagem extra?
3. Por que eu tenho duas barras de rolagem?

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.

Como faço para me livrar da barra de rolagem extra?

Você pode primeiro tentar selecionar a barra de rolagem usando um clique com o botão direito e, depois de selecionado, pode pressionar Excluir, mas pode ser necessário primeiro colocar a folha no 'modo de design' (consulte a opção no menu do desenvolvedor na imagem acima). Uma vez no modo de design, você poderá selecionar a barra de rolagem e pressionar delete.

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.