Question

我正在努力让脚本工作，但我正在努力。

我需要创建一个在页面加载时显示的div，并且该div下方的任何内容都被推离页面底部，您需要向下滚动才能查看它。

这是我所拥有的，但它不起作用（我包含警报，以便我可以检查脚本的第一部分是否正在工作o.k。）

<script type="text/javascript">
function getDocHeight() {
var D = document;
return Math.max(
    Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
    Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
    Math.max(D.body.clientHeight, D.documentElement.clientHeight)
);
}
var docheight = ( getDocHeight() ) +'px';
// alert( docheight );
document.getElementById('pusher').style.height = docheight;
</script>

<div id="pusher">This content is shown on the page</div>
<p>Anything here is below the fold of the page and you will need to scroll down to see me</p>

非常感谢任何帮助。： - ）

Answer 1

您想要docheight = window.innerHeight || document.documentElement.clientHeight;

编辑：虽然，请记住，人们可以调整窗口大小，所以除非你监视window.onresize，否则要小心。

如何使用javascript设置div以匹配浏览器窗口高度？

1 个答案: