Как убрать скролл экрана?

Question

[MegaPuxapb]

q665588f.beget.tech/gidro4
Если немного опустить экран, при клике на "Больше категорий" экран скроллится за разворачивающийся менюшкой. То же самое происходит при закрытии.
Как сделать, чтобы не сколило?


upd: Скролит в хроме.

Answer 1

[Роман Дворянов]

CSS тут не поможет, более того, это не баг, а фича. Это явно кто-то делал специально. Таких багов не бывает. Анимация реализованная на js.

Что сделать, чтоб этого не было -
Найти свои js файлы, прочитать их, найти, где реализуется прокрутка окна браузера, выпилить.

Comments

[MegaPuxapb]

Это я делал)
slideTiggle() от jQuery, вот и вся анимация.
Думаю это стандартное поведение браузера, вот как его изменить?!

[MegaPuxapb]

в мозиле кстати нормально, в хроме скролит.

[Роман Дворянов]

MegaPuxapb, Хах, действительно. Интересно)
В это сложно поверить, но мне кажется я понял почему))
Как я это вижу -
1. Или в стилях у вас задан плавный скролл браузеру или он пришел с жиквери
2. Вы жмякаете ссылку и браузер пытается перескочить по href
3. Происходит прокрутка с анимацией или как-то так

Как решить - вам нужно стопить дефолтное событие, в вашей функции нужно ловить событие и стопить)

$('.nav-link.tpggle-btn').click((event) => {
  event.preventDefault; // Отменяет поведение браузера по умолчанию для тега с этим селектором
  ...
})

Или переделать ссылку, раскрывающую список в кнопкус тегом button и атрибутом type="button"

[Роман Дворянов]

MegaPuxapb, заметил еще, если дергать ссылку-раскрывашку находясь в самом начале страницы, он нормально раскрывается в хроме, возможно потому что он не дернулся наверх как например если бы в ссылке был хэш

[MegaPuxapb]

Роман Дворянов, так и есть. скролило из ссылки, хоть в ней и стоял href="javascript:void(0);".
Переделал на див, всё стало збс.
Спасибо!)