Скрыть меню после ScrollTop с помощью JQuery / JS

У меня есть простое меню, и когда я нажимаю элементы «li», страница автоматически прокручивается в этот раздел. То, что я хочу сделать, это закрыть мой «dropMenu-nav» после завершения прокрутки. Я искал заданные вопросы, но я не мог заставить это работать. Вот мой HTML:

<div class="dropMenu-nav">
<ul>
<li><a href="#home" class="nav-link">HOME</a></li>
<li><a href="#about" class="nav-link">ABOUT</a></li>
<li><a href="#resume" class="nav-link">RESUME</a></li>
<li><a href="#blog" class="nav-link">BLOG</a></li>
<li><a href="#contact" class="nav-link">CONTACT</a></li>
</ul>
</div>

И мой код JS:

$(document).ready(function(){
let scrollNav = $('.scroll');
scrollNav.click(function(e){
e.preventDefault();
$('body, html').animate({
scrollTop: $(this.hash).offset().top
}, 1000);
*$('.dropMenu-nav').animate({
opacity: 0;
}, 2000);*
});
$(window).scroll(function() {
let scrollBarLocation = $(this).scrollTop();
scrollLink.each(function(){
let sectionOffset = $(this.hash).offset().top;
if (sectionOffset <= scrollBarLocation){
$(this).parent().addClass('active');
$(this).parent().siblings().removeClass('active');
}
});
})
});

Скроллинг работает отлично, но я не могу найти способ скрыть свое меню после прокрутки. Я тоже не вижу ошибок на моей консоли, и я не знаю, где я поступаю неправильно, если честно. Буду признателен за любую помощь, заблаговременно за вашу помощь.

http://q-answer.ru/questions/skryt-menyu-posle-scrolltop-s-pomosch-yu-jquery-js-29219.html