如何使用 JQuery 修复窗口高度以调整具有溢出-y 滚动的面板答案

【问题标题】：How to fix Window Height using JQuery to adjust Panels with overflow-y scroll如何使用 JQuery 修复窗口高度以调整具有溢出-y 滚动的面板
【发布时间】：2015-09-10 10:08:06
【问题描述】：

使用 html 块中的溢出隐藏属性禁用窗口滚动。我有<div> 元素，其中display 属性设置为inline-block。这些元素有一个固定的高度，比如 100px 和 overflow-y: scroll。在 Mac OS X 上，这些 <div> 元素内的内容是可滚动且可见的，面板覆盖了窗口的底部，但在 Windows 上，由于窗口高度，内容位于面板的末端不能完全滚动。如何解决这个问题？Jsfiddle

【问题讨论】：

请您发布您的 HTML/CSS 代码以获得解决方案。
分享你尝试过的代码。
虽然从你的问题来看可以说是给 padding-bottom:50px;到你最底层的div。 50px 只是随机的，试试更适合你的。
在 Demo 中创建类似问题 here.

标签： javascript jquery html css

【解决方案1】：

对于左面板和右面板 div，我们必须添加一个具有 css height 100% 属性的父 div。使用 jquery 设置左右面板高度，方法是从窗口高度中减去标题高度，并给出左右面板溢出-y 滚动属性。这样它会覆盖窗口高度，并且面板也会滚动到其内容的末尾。

【讨论】：