即使滚动处于事件状态，jQuery 仍将 div 置于窗口中心

Question

如何才能让div恰好位于可视区域的中心，即使我在底部滚动位置，例如2500px，我的浏览器的可视区域为800px，那么如何使div弹出在 800 像素的中间而不是 2500 像素的中间？

我正在尝试这个，但到目前为止还没有运气

谢谢

if(parent == "modais") {
    var winH = $(window).height();
    var winW = $(window).width();
    this.css("top", ( winH - this.outerHeight() ) / 2 - $(window).scrollTop() + "px");
    this.css("left", ( winW - this.outerWidth() ) / 2 - $(window).scrollLeft() + "px");
    /*
    this.css('top',  (winH/4) - (this.outerHeight()/4));
    this.css('left', (winW/2) - (this.outerWidth()/2));
    */

}

Answer 1

将 div 的 position 样式设置为 fixed，并从使用当前 scrollLeft 和 scrollTop< 的计算中删除减法.

如果用户调整窗口大小，请准备好重新计算位置!