修復頭部在跳躍時，底部的底部

Question

我是新來的CSS。

我怎麼能在這個頁面的頁面

我的問題的完整的底部顯示頁腳：http://techdefeat.com/index.php

.technology { 
    min-height: 203em; 
} 

.foot-nav { background: #fa4b2a;} 

在CSS這個唯一的頁腳我有。

請給出一些簡單的參考，感謝您的幫助。

Answer 1

這裏是我的頭解決方案。

CSS

.head-bottom { 
    background: #fa4b2a; 
    position:fixed; 
    width:100%; 
    z-index:100; 
} 

.tech-no { 
    /* position: absolute; */ 
    /top: -33px;/
} 

JS

$(window).scroll(function(e){ 
    var $el = $('.head-bottom'); 
    var isPositionFixed = ($el.css('position') == 'fixed'); 
    if ($(this).scrollTop() > 200 && !isPositionFixed){ 
    $('.head-bottom').css({'position': 'fixed', 'top': '0px'}); 
    } 
    if ($(this).scrollTop() < 200 && isPositionFixed) 
    { 
    $('.head-bottom').css({'position': 'static', 'top': '0px'}); 
    } 
}); 

尋找修復頁腳的解決方案。多謝你們。

Answer 2

對於固定的頭，你可以給兩個頭這些樣式：

CSS：

.header { 
    position: fixed; 
    width: 100%; 
    z-index: 1; 
} 

我看不到你的頁腳的那一刻？

Answer 3

當底部滾動頁腳時，將標題保留在頂部。

設置填充底部爲​​這是您的主要分區。這應該是等同於你footer

JS（jQuery的）的高度：

​​

CSS：

.head-top{ 
    position: fixed; 
    width: 100%; 
    z-index: 999; 
} 

.technology{ 
    overflow:hidden; 
    padding-bottom: 180px; // must be same height as the footer 
} 
.foot-nav { 
    position: relative; 
    margin-top: -180px; 
    height: 180px; 
    clear:both; 
}