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

Question

我有一个脚本，当网站填满屏幕时会隐藏一个 div，但不需要向下滚动页面，因此网站此时适合屏幕，div 隐藏在脚本中。

我有一些内容会在您单击按钮时扩展，有时这些内容将不再适合屏幕，并且需要向下滚动的滚动条，现在我想再次显示 div 有没有办法做到这一点可能还是会是一个非常复杂的情况？

隐藏 div 标签的脚本：

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

Answer 1

不久前我遇到了类似的问题。我所做的是添加一个处理程序来$(window).resize(...)重新计算取决于是否有滚动条（在你的情况下，是否显示 div），然后$(window).resize()在每个可能改变页面内容高度的操作之后添加一个调用（幸运的是我只有其中之一）。

例子：

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

jsFiddle：http: //jsfiddle.net/TKDGz/