记录一次底部内容不超过一屏的时候在最底部

前端 2019-09-04

因经常使用移动端H5开发页面,会遇到有些情况版权或者图片需要适应在底部展示,而用户体验更好。
使用jquery方法,或许不用jquery方法也可以使用

$(function () {

            lrFixFooter("div.footerwarp");    //调用方法:lrFixFooter("div.footerwarp"); 传入底部的类名或者ID名
            function lrFixFooter(obj){
                var footer = $(obj),doc = $(document);
                function fixFooter(){
                    if(doc.height()-4 <= $(window).height()){
                        footer.css({
                            width:"100%",
                            position:"absolute",
                            left:0,
                            bottom:0    
                        });
                    }else{
                        footer.css({
                            position:"static",
                        });
                    }
                }
                fixFooter();
                $(window).on('resize.footer', function(){
                    fixFooter();
                });
                $(window).on('scroll.footer',function(){
                    fixFooter();
                });    
                    
            }
        });