javascript - 剣道UIウィンドウが正しくセンタリングされない

Question

剣道ウィンドウが正しく中央に表示されないという問題があります。

これは、問題を示す簡単なフィドルです。そのため、ブラウザの垂直スクロール バーがなくても剣道ウィンドウを表示する余地がありますが、剣道ウィンドウ センター方式では中央からずらして、ブラウザのスクロール バーを強制的に表示します。

フィドル: http://jsfiddle.net/codeowl/QKPN6/2/

HTML:

<div id="testWindow">
    <p>here is the test content here is the test content</p>
    <p>here is the test content here is the test content</p>
    <p>here is the test content here is the test content</p>
    <p>here is the test content here is the test content</p>
    <p>here is the test content here is the test content</p>
    <p>here is the test content here is the test content</p>
    <p>here is the test content here is the test content</p>
    <p>here is the test content here is the test content</p>
    <p>here is the test content here is the test content</p>
    <p>here is the test content here is the test content</p>
    <p>here is the test content here is the test content</p>
    <p>here is the test content here is the test content</p>
    <p>here is the test content here is the test content</p>
</div>

JavaScript:

$(document).ready(function() {
    var oWin = null;
    $('#testWindow').kendoWindow();
    oWin = $('#testWindow').data('kendoWindow');
    oWin.center();
});

剣道ウィンドウを正しく中央に配置する方法を教えてください。

Answer 1

問題は解決したと思います:)試してみてください。

$(document).ready(function() {
    var oWin = null;
    var h = window.innerHeight;
    $('#testWindow').kendoWindow({});
    oWin = $('#testWindow').data('kendoWindow');
    oWin.center().open();
    $('#testWindow').closest(".k-window").css({
        top: h/2 - $('#testWindow').parent()[0].scrollHeight/2
    });
});

JSFiddle