比较元素高度与浏览器高度

Question

我想检查一个元素是否小于浏览器长度减去使用jquery的其他两个元素这是我目前拥有的代码

<script>

        var browser = $(window).height();
        var post = $('#PostContainer').height();
        var hf = $('#Header').height() + $('#Footer').height();
        var remainder = browser - hf;

        if (post < remainder) {
            $('#Footer').css({position: 'absolute', bottom: '0px'});
        } else {
            $('#Footer').css({position: 'relative'});
        }

    </script>

但它没有用，所以我该怎么做？

Answer 1

你的jQuery缺少document ready event handler，因此它没有触发...用以下内容包装现有代码：

$( document ).ready(function() {
  // Your code here
});