Javascript 如果页面上的某些内容扩展，不再完全适合屏幕，但需要滚动条，如何显示div

我有一个脚本，将隐藏一个div时，该网站填补了屏幕，但没有必要向下滚动页面，使该网站适合在这一点上，div是隐藏真正的脚本屏幕

我有一些内容，当你点击一个按钮时会扩展，有时这些内容将不再适合屏幕，并且需要一个滚动条向下滚动，现在我想再次展示div，有没有办法实现这一点，或者这将是一个非常复杂的情况

隐藏div标记的脚本：

<script type="text/javascript">
if($(document).height() > $(window).height()){
$("#scrollTop").show();
}
else {
$("#scrollTop").hide();
}
</script>

如果（$（文档）.height（）>$（窗口）.height（））{
$（“#滚动条”）.show（）；
}
否则{
$（“#滚动条”）.hide（）；
}

不久前，我遇到了类似的问题。我所做的是在

$（窗口）中添加一个处理程序。resize（…）

根据是否有滚动条（在您的例子中，是否显示div）重新计算，然后在每个可能更改页面内容高度的操作之后添加对

$（窗口）。resize（）

的调用（幸运的是，我只有一个）

例如：

$(window).resize(function() {
    if($(window).height() < document.body.scrollHeight) {
        $("#scrollTop").show();
    } else {
        $("#scrollTop").hide();
    }
});
$("#extendButton").click(function() {
    $(window).resize();
});​

$（窗口）。调整大小（函数（）{
if（$（window.height（）

---

jsiddle:

您是否在询问，当单个div的内容在单击展开后高于屏幕高度时，是否可以显示隐藏的div元素？