Как зафиксировать блок относительно видимой области?

Question

[vovkka]

Добрый день.
Есть кнопка при клике на которую всплывает подсказка, весь экран под подсказкой затемняется блоком с кодом:

position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9;
    display: none;

ну и при клике меняется jq hide show и тп.
за счет position: fixed при клике страница всегда улетает вверх так как top0.
Вопрос в том: как сделать чтобы страница оставалась на том месте, на котором была? пробовал absolute top0 bottom0 не помогает. Всем спасибо!

Comments

[vaskadogana]

не совсем понял, зачем скролить страницу вверх?
если вы показываете и скрываете модальное окно, думаю стоит убрать scroll)

[vaskadogana]

может быть клик происходит по ссылке у которой стоит # ? (типа якорная ссылка)

[Дмитрий]

event.preventDefault(); - должно помочь

Answer 1

[Griboks]

Станица улетает вверх по другой причине. Ищите ошибку в другом коде.

Answer 2

[Ira]

Попробуйте через псевдоклас :popover-open
position: fixed;
inset: 0;
width: auto;
height: 100vh;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5)