zoukankan      html  css  js  c++  java
  • 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);
            });

  • 相关阅读:
    《杜教筛》
    《洛谷P4213 【模板】杜教筛(Sum)》
    《洛谷P1829 [国家集训队]Crash的数字表格 / JZPTAB》
    《纸牌问题》
    《洛谷P2522 [HAOI2011]Problem b》
    使用urlretrieve下载图片
    scrapy初探
    爬豆瓣电影名
    直接插入排序
    Windows python 3 安装OpenCV
  • 原文地址:https://www.cnblogs.com/wendy-home-5678/p/5209686.html
Copyright © 2011-2022 走看看