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, чтобы сгруппировать множество последовательных вызовов в один.Посмотрите на debounce Лодаша. Проверьте эту статью тоже.