• jq 使页脚固定在底部


    js文件: 

     $(window).bind("load", function() {
                var footerHeight = 0,footerTop = 0;
                positionFooter();
                //定义position Footer function
                function positionFooter() {
                    //取到div#footer高度
                    footerHeight = $("#footer").height();
                    //div#footer离屏幕顶部的距离
                    footerTop = ( $(window).scrollTop()+$(window).height()-footerHeight)+"px";
                    //如果页面内容高度小于屏幕高度,div#footer将绝对定位到屏幕底部,否则div#footer保留它的正常静态定位
                    if ( ($(document.body).height()+footerHeight) < $(window).height()) {
                        $("#footer").css({
                            position: "absolute"
                            // left:"0"
                        }).stop().animate({
                            top: footerTop
                        });
                        } else {
                            $("#footer").css({
                            position: "static"
                        });
                    }
                }
                $(window).scroll(positionFooter).resize(positionFooter);
            });

  • 相关阅读:
    JVM启动参数小结
    Java 线程池学习
    myeclipse 8.5安装freemarker插件方法
    开源文件比较工具:WinMerge、KDiff3、diffuse
    初探淘宝技术构架
    Java获取IP地址:request.getRemoteAddr()注意
    Spring MVC 教程,快速入门,深入分析
    分布式服务框架 Zookeeper -- 管理分布式环境中的数据
    YARN作业提交流程剖析
    经典的MapReduce1解析
  • 原文地址:https://www.cnblogs.com/wendy-home-5678/p/5209686.html
Copyright © 2020-2023  润新知