natojezlo
@natojezlo

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

Есть модальные окна на css
ссылка на открытие вида #ModalWindow
кнопки расположены в разных частях сайта
и если внизу сайта кликнуть, открывается модалка, но когда закрываю
страница промотана уже к верху, что очень напрягает
возможно ли как то это исправить? что бы не проматывало?
т.к ооочень не хочется сейчас все переделывать
Спасибо
  • Вопрос задан
  • 217 просмотров
Пригласить эксперта
Ответы на вопрос 2
ChingizMuellim
@ChingizMuellim
FrontEnd, React Js
Css стиль добавить pointer-events: none.
Ответ написан
Комментировать
anatoly_kulikov
@anatoly_kulikov
Помог ответ? Отметь решением!
Варианта два:
- использовать js для появления модального окна
- сделать обратную ссылку на вызвавший элемент

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

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы