Модальное окно css, ссылка решеткой, как сделать что бы не пролистывало вверх?

Question

[азаза]

Есть модальные окна на css
ссылка на открытие вида #ModalWindow
кнопки расположены в разных частях сайта
и если внизу сайта кликнуть, открывается модалка, но когда закрываю
страница промотана уже к верху, что очень напрягает
возможно ли как то это исправить? что бы не проматывало?
т.к ооочень не хочется сейчас все переделывать
Спасибо

Comments

[Сергей delphinpro]

ссылка на открытие вида #ModalWindow

В обработчике клика по этой ссылке, который открывает окно, нужно отменить действие по умолчанию.

event.preventDefault();
// остальной код

Answer 1

[Chingiz Мамедов]

Css стиль добавить pointer-events: none.

Answer 2

[Анатолий Куликов]

Варианта два:
- использовать js для появления модального окна
- сделать обратную ссылку на вызвавший элемент

Т.е. у кнопки внизу, которая вызывает модальное окно, нужно присвоить id (допустим, modalfooter), а в самой модалке на кнопку вешаем ссылку-якорь на этот элемент (href="#modalfooter"). При нажатии он просто пролистает до этого элемента и как будто ничего не было.

Если у вас есть плавающая шапка, то можно создать для нее id и все модалки "закрывать" на нее. Или создать невидимый пиксел, который всегда будет в левом верхнем углу, и замыкать на него.