jquery - JQuery CSS 代码不在窗口中间

Question

我这里有这段代码

http://forum.castoff.net/menu.php

msgbox出现在整个页面的中间......我需要它出现在可视区域的中间......

谁能帮忙？？

我确信它只是一个 CSS 问题

谢谢

李

Answer 1

您所要做的就是打开.msgbox，更改position: absolute为position: fixed。

就是这样。

阅读本文以了解不同的position值：
http ://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

Answer 2

您将“dim”设置为 50% 的顶部位置，因此它将位于页面的 50%，而不是可视区域。

尝试以此为中心：

function centerMe(element) {
    //pass element name to be centered on screen
    var pWidth = $(window).width();
    var pTop = $(window).scrollTop()
    var eWidth = $(element).width()
    var height = $(element).height()
    $(element).css('top', pTop + 100+'px')
    $(element).css('left', parseInt((pWidth / 2) - (eWidth / 2)) + 'px')
}

Answer 3

和table有#dim高度2000px和超过，所以给top:50%弹出窗口把它放在它的父级中间。删除 的高度，table看看这是否可以完成工作（可能会起作用，因为 的高度#dim是文档的高度。）。

另一种选择是为.msgbox. 例如，在您的 CSS 中，您可以.msgbox {top:50%;}将.msgbox {top:200px;}