Страница только показывает половину абсолютного позиционированного всплывающего окна

Question

У меня есть страница с некоторыми функциями, которая вызывает всплывающее окно. Это всплывающее окно определяется как div с некоторым содержимым. У этого div есть некоторый css, чтобы придать ему надлежащий вид, а также содержит position:absolute.

Оверлей расположен относительно другого элемента (тот, который запускает его на странице, и этот элемент может быть где угодно, поскольку страница создается динамически) и устанавливает верхнюю часть всплывающего окна равным нижней части триггерного элемента ,

Всплывающее окно отображается правильно большую часть времени, но если триггерный элемент является нижней частью страницы, отображается только верхняя часть всплывающего окна. И почему-то (возможно, потому, что это элемент с абсолютным позиционированием?) Я не вижу возможности прокрутки в браузере, чтобы я мог видеть остальную часть содержимого.

Есть ли способ сделать это так, чтобы всплывающее окно «считалось» частью страницы и, следовательно, позволяет прокручивать внутри браузера возможность видеть все содержимое?

Answer 1

Попробуйте .appendTo('body'); в конце вызывающей линии для всплывающего окна.

Другая возможность решить эту проблему скроллинг будет использовать position:fixed; вместо position:absolute;