Скролинг браузера вместе в меню?

Question

[Breeze1]

Мужики, нужна помощь. Сделал адаптивное меню по клику на гамбургер. Хочу сделать чтобы, при открытии меню страничка плавно скорилась вместе с меню вниз. Сейчас непонятно почему, по клику на гамбургер, резко кидает наверх сайта. jq код прилагаю. Подскажите в какую сторону копать. Сайт https://breeze8.github.io/

PS. если смотреть с телефона проблему видно сразу, если с декстопа, прокрутите сайт до самого гуамбургера, и откройте.

$(document).ready(function() {

$(".hamburger").click(function() {
$(this).toggleClass("is-active")
$(".main-nav").slideToggle();
});

});

Answer 1

[Анатолий]

Уберите из a-гамбургера атрибут href.

Comments

[Breeze1]

так это же ссылки будут на внутрение страници, как я его уберу ?)

[Анатолий]

Breeze1: Извиняюсь, не достаточно точно описал. У вас кнопка гамбургера - a, из-за атрибута href="#" он пролистывает к якорю (началу страницы). Так как у вас идет отслеживание нажатий на гамбургер через JQuery, можно из a удалить href.

[Breeze1]

Анатолий: спасибо Вам огромное, теперь по крайней мере вверх страници не бросает сайт.

[Анатолий]

Breeze1: Не за что. Не забывайте помечать ответы решением (синяя кнопка "Отметить решением").

Answer 2

[Александр Nameless08]

Это стандартное поведение - по клику на ссылку с якорем href="#" возвращать страницу в исходное положение
Я бы не делал иконку-гамбургер ссылкой. Почему не button?

Но если уж приперло, то можно использовать для отмены действия браузера по умолчанию стандартный метод event.preventDefault()