2013-03-05 26 views
0

我試圖保持導航頁面的底部,同時能夠顯示並隱藏它。出於某種原因,我不能爲我的生活找出爲什麼這不起作用。我怎樣才能使我的底部導航與jQuery上下滑動?

任何幫助,將不勝感激!

編輯:切換是固定的,但現在我遇到了流動性的麻煩。當我使用切換時,盒子的速度不一樣。

代碼:http://jsfiddle.net/Hg2ax/2/

$(document).ready(function() { 
    $('.toggle-footer').click(function() {   
     $('#footer-content').slideToggle('slow'); 
    }); 
}); 
+1

你浮在頁腳權擰起來。將浮動添加到兩個,它工作正常。 http://jsfiddle.net/calder12/Hg2ax/4/ – 2013-03-05 21:11:39

+0

工作真棒!謝謝!一個小問題......如果你看左邊的方框,它不會觸及頁面的結尾。編輯:我想通了!我失蹤了:0;非常感謝! – 2013-03-05 21:15:36

+0

=)很高興我能幫上忙。 – 2013-03-06 10:52:02

回答

1

貌似可以只取高度關頁腳的CSS。

footer { 
width: 100%; 
position: absolute; 
bottom: 0; 
} 

http://jsfiddle.net/Hg2ax/5/

+0

這絕對有幫助!謝謝!爲什麼這些盒子都弄亂了,菜單與其他盒子分開:\ – 2013-03-05 21:00:48

+0

因爲你的CSS沒有告訴它。 ;) – iabw 2013-03-05 21:03:36

+0

哈哈,我擺脫了填充,似乎有一點幫助,但現在似乎有2個問題。 1.當您使用切換框之一是慢那麼其他 2.菜單沒有接觸箱 http://jsfiddle.net/Hg2ax/2/ – 2013-03-05 21:05:55