页面仅显示绝对定位弹出窗口的一半

时间:2013-12-09 11:55:44

标签: html css css-position

我有一个页面,其中包含一些触发弹出窗口的功能。该弹出窗口被定义为带有一些内容的div。该div有一些css给它一个正确的外观,还包含position:absolute

叠加层相对于另一个元素(在页面上触发它的元素,并且该元素可能在动态创建页面的任何位置)定位,并将弹出窗口的顶部设置为等于触发元素的底部。

大部分时间都会正确显示弹出窗口,但如果触发元素是页面的底部,则只显示弹出窗口的顶部。由于某种原因(也许是因为它是一个绝对定位的元素?)我没有在浏览器中滚动的可能性,所以我可以看到其余的内容。

我有什么方法可以让弹出窗口“计数”作为页面的一部分,因此可以在浏览器中滚动以查看所有内容吗?

1 个答案:

答案 0 :(得分:-1)

在弹出的主叫行末尾尝试.appendTo('body');

解决滚动问题的另一种可能性是使用position:fixed;代替position:absolute;