Chrome 版本 61 returns document.documentElement.scrollHeight 的不同结果

Question

这个问题是问题的延续，我咨询了 treegrid 团队，他们说， Chrome 版本 61 returns document.documentElement.scrollHeight 获得可用页面高度的不同结果，因此这被破坏了。

要解决此问题，请不要使用 Cfg MaxHeight 属性，并通过 window onresize 中的 JavaScript 代码手动最大化网格高度。有人可以帮我写代码吗？

treegridsample.js

var G;

function showGrid(layoutBonus)
{
    // Construct the treegrid instance.
    var D = new TDataIO();

    var url = URL_CONTEXT + "ShowTreeGrid.action";
    D.Layout.Url = "scripts/treegrid_9_3_11/treegrid_def.xml";

    if (layoutBonus)
    {
        D.Layout.Bonus = layoutBonus;
    }

    D.Data.Url = url;
    D.Debug = 1;
    D.Data.Timeout = 210;

    D.Page.Url = URL_CONTEXT + "LoadPage.action";
    D.Page.Format = "Internal";
    D.Page.Data = "TGData";
    D.Page.Timeout = 120;
    G = TreeGrid(D, "batchGrid");
}

$(document).ready(function()
{
    showGrid();
    // code to be added here
});

Html:
<!DOCTYPE html>
<html>
    <head>

        <!-- treegrid js -->
        <script src="scripts/treegrid_9_3_11/GridE.js"></script>

        <!-- jQuery, jQuery UI, jQuery plugins js -->
        <script src="scripts/jquery/jquery/jquery-3.1.1.min.js"></script>

        <!-- Treegrid Sample js -->
        <script src="scripts/treegridsample.js"></script>

    </head>
    <body>
            <div id="batchGrid" style="height:100%; width:100%;">
              </div>
    </body>
</html>

treegrid_def.xml

<Cfg id='batchTable' MainCol='Details'
     Sorting='0' Deleting='0' 
     Scrolling='1' ConstHeight='0' ConstWidth='1' MaxHeight='20'
     Paging='3' ChildPaging='3' PageLength='25'  Copying='1'
     RemoveCollapsed='2' 
     CopyFocused='0' 

     NoHScroll='0' Style='Modern' SuppressCfg='1' StandardTip='1'
/>

Answer 1

我认为这是 Chrome 中的错误。我使用 JQuery。 $(document).outerHeight(true) 作为示例。

Chrome 版本 61 returns document.documentElement.scrollHeight 的不同结果

Chrome version 61 returns different result for document.documentElement.scrollHeight

javascript

jquery

css

google-chrome

treegrid