jquery 添加 class 样式不生效,footer 底部高度不定

通过 js 手动更改样式

<script type="text/javascript">
    $(function(){
        function footerPosition(){
            // $("footer-id").removeClass("fixed-bottom");

            var contentHeight = document.body.scrollHeight;//网页正文全文高度
            var winHeight = window.innerHeight;//可视窗口高度,不包括浏览器顶部工具栏
            if(!(contentHeight > winHeight)){
                //当网页正文高度小于可视窗口高度时,为footer添加类fixed-bottom
                // $("footer-id").addClass("fixed-bottom");
                // $("#footer_web_id").removeClass("footer");
                $(document.body).height("100%");
                $(".main").height("75%");
                // $("#footer_web_id").addClass("fixed-bottom");

                // $(document.html).height("100%");
                // var all_height = $(document.body).height;
                // var footer_height = $("footer-id").height;
                // var pre_height = $(document.body).height - $("footer-id").height;
                // $.prev().height(pre_height);

            } else {
                // $("footer").removeClass("fixed-bottom");
            }
        }
        footerPosition();
        $(window).resize(footerPosition);
    });
</script>
  
    展开阅读全文