Javascript jQuery-lightbox停留和页面滚动

如何创建一个始终保持文档恒定高度和宽度的lightbox，当我向后滚动页面时，lightbox不会移动，页面正在滚动？我有一个css，当我点击链接时会显示一个灯箱：

function resizeLightbox() {
    var overlay = createOverlay(),
        lightbox = createLightbox();

    overlay.css({
        "width": doc.width(),
        "height": doc.height()
    });

    var width = lightbox.outerWidth(),
        height = lightbox.outerHeight();

    lightbox.css({
        "position": "fixed",
        "width": width,
        "height": height,
        "top": ***, // i remove that
        "left": *** // and that
    });
}



.lightbox__lightbox {
    display: none;
    background: #fff url(../gallery/ring.gif) center center no-repeat;
    z-index: 10000;
    // added sth like this:
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto auto;

}

是的，我发现了一个错误，问题是在顶部和左侧属性中，如何动态计算屏幕的中间部分

---

我需要编写一个函数来计算屏幕中间的“***”

只需添加位置：固定；到lightbox的css

lightbox.css({
            "position":'fixed',
            "width": width,
            "height": height,
            "top": (win.height() / 2) - (height / 2) + doc.scrollTop(),
            "left": (win.width() / 2) - (width / 2) + doc.scrollLeft()
        });

---

当你问一个由你的代码引起的问题时，如果你提供人们可以用来重现问题的函数示例，你会得到更好的答案。请参阅：。谢谢谢谢，但实际上这很难，因为我有200行灯箱，我不想全部粘贴在这里，我只是不知道如何冻结我的灯箱窗口：（是的，我听说了，我试过了，但是当我换成固定位置时，灯箱显示在窗口之外，你能给我一个屏幕截图吗？好的，酷，只需要把它放在中间，改变左边的位置例如：“左”：（win.width（）-width）/2是的，我这样做了，灯箱显示在窗口之外，这很奇怪