如何将div作为页脚冻结到页面底部

时间:2015-01-06 07:11:32

标签: javascript jquery html css

除非我在iPad上滚动,否则我可以这样做。然后它会上下滚动。

我的要求是它不应该移动。无论你是否滚动窗口,它都应该粘在页面底部。

我使用以下CSS作为div:

vp_skm_mobile_div{
    left:0;
    right:0;
    position:fixed;
    bottom:35px;
    z-index:300;
    box-shadow: 9px 1px 10px 0px #242424;
    padding-top:5px; 
    background-color:#ffffff;
}

我错过了什么?

2 个答案:

答案 0 :(得分:1)

从上到下更改填充。

新代码:

  vp_skm_mobile_div{
     left:0;
     right:0;
     position:fixed;
     bottom:35px;
     z-index:300;
     box-shadow: 9px 1px 10px 0px #242424;
     padding-bottom: 5px; 
     background-color:#ffffff;
   }

答案 1 :(得分:0)

而不是试试这个

 vp_skm_mobile_div{
    left:0;
    right:0;
     position:fixed;
     bottom:35px;
     z-index:300;
     box-shadow: 9px 1px 10px 0px #242424;
     padding-bottom:2px; 
     background-color:#ffffff;
    }