javascript - Kendo UI 窗口在页面滚动时的固定位置

Question

我有一个带有滚动条的长页面。当我打开模态 kenoWindow 并滚动页面时，窗口离开查看区域。我怎样才能强制窗口留在原处？我想固定它的位置:

div.k-window
{
    position:fixed !important;
}

但是如果我尝试移动窗口，它会向下跳(取决于页面的滚动位置)。

有什么想法吗？

Answer 1

有一种更简单/更好的方法。下面的代码片段将使图像在屏幕上居中并定位在距离顶部 20% 的位置，即使您滚动也是如此:

$('#window').data('kendoWindow').center();

$('#window').closest(".k-window").css({
       position: 'fixed',
       margin: 'auto',
       top: '20%'
    });

结合 position:fixed 你应该会发现它的行为与你正在寻找的一样，而且代码更少。