Menu js

Front-end
#1

Galera

estou com um problema acho que e uma função JS que controla o menu da minha aplicação

acontece que o menu em certos momentos existem muitos sub itens quando os sub itens ultrapassa o height de 100% da pagina

se eu passo o mouse em cima no item eu não consigo clicar no item ai tenho que diminuir o zoom da tela

aqui e minha funtion

		function vertical() {
			
			var navItems = document.getElementById("nav").getElementsByTagName("li");
			
			for (var i=0; i< navItems.length; i++) {
				if(navItems[i].className == "submenu2") {
					if(navItems[i].getElementsByTagName('ul')[0] != null){
						navItems[i].onmouseover=function() {
							this.style.backgroundColor = "#b9c9e2";
							this.getElementsByTagName('ul')[0].style.display="block";

						}

						navItems[i].onmouseout=function() {
							this.getElementsByTagName('ul')[0].style.display="none";
							this.style.backgroundColor = "";
						}
					}
				}
			}

		}
#2