A rolagem deve ser desativada quando não houver itens para rolar?

1. Por que a barra de rolagem está aparecendo quando não é necessário?
2. Como faço para parar de rolar quando um pop -up está aberto?
3. Como faço para fazer um menu rolável sem rolar o corpo?

Por que a barra de rolagem está aparecendo quando não é necessário?

Por padrão, uma barra de rolagem aparecerá quando o conteúdo for muito longo. Os autores da página podem substituir isso de várias maneiras, por exemplo: Overflow-y: Hidden => Corte o conteúdo que é muito longo. Overflow-y: roll => sempre mostre uma barra de rolagem mesmo quando não for necessário.

Como faço para parar de rolar quando um pop -up está aberto?

Abordagem: Uma solução simples para esse problema é definir o valor da propriedade "Overflow" do elemento corporal como "oculto" sempre que o modal for aberto, o que desativa o rolo no elemento selecionado.

Como faço para fazer um menu rolável sem rolar o corpo?

Com CSS: $ ('html, corpo'). CSS (Overflow: 'Hidden', Altura: '100%'); Isso desativará a rolagem e o levará ao topo da página.