Javascript onmousemove

Question

Я хочу, чтобы при наведении курсора мыши отображалась навигационная панель, а в остальных - если.
Как это можно сделать? PS: не нужно больше использовать jquery.

Код: прокрутить вниз панель навигации скрыта, прокрутить вверх видимая панель навигации

window.addEventListener('scroll', function () {
            if (position < this.window.pageYOffset) {
                nav.style.visibility = "hidden";
                var navTest = 0;
                position = this.window.pageYOffset;
            }
            //if the mouse is moved then show navbar
            else if(onmousemove){
                nav.style.visibility = "visible";
                position = this.window.pageYOffset;
            }
            else {
                nav.style.visibility = "visible";
                position = this.window.pageYOffset;
            }
        })

Answer 1

Более простым способом может быть прослушивание события onmousemove. Вы также можете захотеть вызвать функцию debounce, чтобы сгруппировать множество последовательных вызовов в один. Посмотрите на дебаты Лодаш. Проверьте эту статью тоже.