Раньше нормально работал скрипт скролинга к секции, а сейчас перестал работать. Сам клик на элемент работает, а скролинг блокируется. Я думал, что блокирует из-за названия класса, но сделал теперь через айдишники и ничего не поменялось. Как решить проблему?
Старый код
$(".clScrl").click(function() {
var scrlvrtpl = $(this).data('bl');
$('html, body').animate({
scrollTop: $(scrlvrtpl).offset().top - $('.header-area.sticky-header').outerHeight()+2
}, 2000);
});
Новый код
$('#omnieBl').click(function() {
$('html, body').animate({
scrollTop: $('#omnie').offset().top - $('.header-area.sticky-header').outerHeight()+2
}, 2000);
});
$('#kontaktBl').click(function() {
$('html, body').animate({
scrollTop: $('#kontakt').offset().top - $('.header-area.sticky-header').outerHeight()+2
}, 2000);
});
И HTML меню
<nav class="main-menu">
<ul>
<li>
<a href="index.html">START</a>
</li>
<li class="has-dropdown">
<a href="oferta.html">OFERTA</a>
<ul class="sub-menu">
<li><a href="wspolpraca.html">WSPÓŁPRACA ONLINE</a></li>
<li><a href="zywieniowy.html"> PLAN ŻYWIENIOWY</a></li>
<li><a href="treningowy.html"> PLAN TRENINGOWY</a></li>
<li><a href="personalne.html">TRENINGI PERSONALNE</a></li>
<li><a href="konsultacja.html">KONSULTACJA</a></li>
</ul>
</li>
<li>
<a id="omnieBl" style="color: #333333;cursor: pointer;">O MNIE</a>
</li>
<li>
<a href="kwalifikacje.html">KWALIFIKACJE</a>
</li>
<li>
<a href="podopieczni.html" style="color: #333333; cursor: pointer;">PODOPIECZNI</a>
</li>
<li>
<a href="blog.html">BLOG</a>
</li>
<li>
<a id="kontaktBl" style="color: #333333;cursor: pointer;">KONTAKT</a>
</li>
</ul>
</nav>
Ссылка на сайт:
линк
Скролить должно при нажатии на
O MNIE либо
KONTAKT 
