在我的项目中，我使用easyui-layout。
有时，我应该使用ajax从其他页面加载其他内容。这些新内容将被放置在cenDiv的中心区域。
Ajax代码是：
$.ajax({
.....
success:function(data)
{
$("#cenDiv").html(data);
.......
}
});
现在，我遇到了一个问题。当内容太多而溢出cenDiv时，将不会滚动。因此，仅部分内容显示在cenDiv中。
这是我的html代码：
<body style="height:100%" class="easyui-layout" fit="true">
<div id="firDiv" class="easyui-layout" style="width:100%;height:88%;position:absolute;top:95px">
<div style="background:lightgrey;width:10%;height:100%;padding:10px" data-options="region:'west',split:true,title='Function'"></div>
<div id="cenDiv" class="easyui-layout" style="position:static;height:100%;width:100%" data-options="region:'center',title:''">
<div class="easyui-layout" style="position:static;height:3000px" data-options="region:'north',title:'',split:true">
north-John-Stack
</div>
<div class="easyui-layout" style="position:static;height:100px" data-options="region:'south',title:''">
south-Tyrion-Lanniste
</div>
</div>
</div>
</body>
我在主体，firDiv和cenDiv中设置了fit =“ true”，但它失败了。由于身体的高度，firDiv和cenDiv发生了变化。
我尝试了overflow：auto，但是它再次失败了。
当内容数据过多时，仅cenDiv显示滚动，而其他div位置不变。
谁能帮我？
最佳答案
您需要在cenDiv上同时使用max-height和溢出-y：
max-height: 100px;
overflow-y: auto;
没有最大高度，将不会显示滚动。
无论如何，您使用了太多的height：100％，“ firDiv”中的div都具有它。
您可以通过以下方式更改它们：
<body class="easyui-layout" fit="true">
<div id="firDiv" class="easyui-layout" style="width:100%;position:absolute;top:95px">
<div style="background:lightgrey;width:10%;height:calc(100vh - 293px);padding:10px" data-options="region:'west',split:true,title='Function'"></div>
<div id="cenDiv" class="easyui-layout" style="position:static;width:100%;height:150px;max-height:150px;overflow:auto;" data-options="region:'center',title:''">
<div class="easyui-layout" style="position:static;height:3000px" data-options="region:'north',title:'',split:true">
north-John-Stack
</div>
<div class="easyui-layout" style="position:static;height:100px" data-options="region:'south',title:''">
south-Tyrion-Lanniste
</div>
</div>
</div>
</body>
关于javascript - 当div中有很多新内容时如何获取滚动Y，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48513689/