jQuery固定滑动面板高度答案

【问题标题】：jQuery fixed sliding panel heightjQuery固定滑动面板高度
【发布时间】：2014-08-12 17:21:00
【问题描述】：

所以我有一个高度为 145 像素的页眉和一个高度设置为 200 像素的粘性页脚。

我在页脚下隐藏了一个滑动内容面板，当页脚上方的按钮被激活时，它会向上滑动。该面板的高度为 330 像素，并且绝对定位到页脚。

使整体最小屏幕空间为 675 像素。

我想知道的是，如果用户例如使用小型笔记本电脑，我如何获得屏幕的高度，然后如果高度小于 700 像素，则将滑动面板向下推。

我认为我需要做的是确定高度低于 700 像素，然后添加它以将面板向下推，因此如果屏幕高度为 650 像素，则将 div 向下推 50 像素。我可以将页脚用作 div 向下推，或者使用此计算来增加用于推/正文的负边距以强制页脚向下。

欢迎任何想法。

谢谢杰夫

【问题讨论】：

【解决方案1】：

看看这些链接：

【讨论】：

嗨，akio，很棒的文章，我已经使用 CSS 媒体查询进行分配，因为这些是响应式项目，但我需要做的是计算差异并使用它添加到元素中。如果我知道我想要多少填充或边距，我可以使用您的建议，但我不知道。我不想写很多：如果屏幕高度小于 x 添加 10px，如果它小于 y 添加 30px 等等。
好吧，可能是这样的：var clienHeight = document.body.clientHeight; if(clientHeight < x){ add 10px }else if(clientHeight < y){ add 30px }
嗨，akio，这是我想避免的，抱歉。这是我想要进行的计算的简单解释。如果屏幕高度小于700px的高度，得到它减去的量并将其添加到另一个div中，例如：屏幕高度计算发现是650px高，添加50px到#div .get screen height .is it低于 700px .if 是多少 .add this to a div
我做了一个codepen。您正在寻找类似的东西吗？
嗨，akio，对不起，不是。