• footer页面布局


    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title></title>
            <style>
                .footer{
                    font-size:15px;
                    text-align:center;
                    width:100%;
                    position:fixed;
                    bottom:0px;
                    margin:7px 0px;
                }
                .footer p{
                    color:#808080;
                    margin:5px 0px;
                }
            </style>
        </head>
        <body>
            <div class="footer">
                <p>##################</p>
                <p>电话:###########</p>
            </div>
        </body>
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
        <script type="text/javascript">
            var olbHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
            // navigator.userAgent.indexOf用来判断浏览器类型
            var isAndroid = navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Adr') > -1;
            if (isAndroid) { // 如果是安卓手机的浏览器
                window.addEventListener("resize", function() {
                    var newHeight = window.innerHeight
                            || document.documentElement.clientHeight
                            || document.body.clientHeight;
                    if (olbHeight > newHeight) {
                        $(".footer").hide();
                    } else {
                        $(".footer").show();
                    }
                });
            }
            //window.onresize = function () {
            //    var h = $(window).height();
            //    //console.log(h+','+window.screen.availHeight)
            //    var u = navigator.userAgent;
            //    if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {
            //        if(h <= window.screen.availHeight/2){
            //            $(".footer").hide();
            //        }else{
            //            $(".footer").show();
            //        }
            //    }
            //}
        </script>
    </html>

  • 相关阅读:
    Scrum联盟权威认证CSM<ScrumMaster>官方认证课
    c语言中各类指针的总结
    SpringBoot工作开发场景实践
    docker镜像的导入导出
    《Bayes-Optimal Hierarchical Multi-label Classificaiton》-TKDE
    SpringSecurity系列 - 09 SpringSecurity 自定义认证数据源实现用户认证
    Hive DML常见操作
    shell综合项目
    数据增强Mixup原理与代码解读
    java计算机毕业设计闲置物品线上交易系统源码+系统+数据库+lw文档+mybatis+运行部署
  • 原文地址:https://blog.csdn.net/Sple_xiaom/article/details/125487121