Меню нижнего колонтитула внизу страницы

Question

У меня есть скрипт для отображения нижнего колонтитула на прокрутке в нижней части страницы, и он работает, но при открытии страницы или перезагрузке в начале отображается нижнее меню. И после прокрутки он реагирует так, как я хочу. Это правильно, но голова в данный момент не работает.

$(window).scroll(function() { 
if ($(this).scrollTop() > 20) { 
    $('footer').slideDown(300); 
} else { 
    console.log('there'); 
    $('footer').slideUp(300); 
}}); 

Вот Fiddle

решаемые это мой сам я думал к трудному я забыл, чтобы установить дисплей: нет; на нижнем колонтитуле.

Answer 1

Я изменил одну строку в коде CSS ниже:

footer { 
    position: fixed; 
    background-color: white; 
    bottom: 0; 
    /* just make the footer display:none when page loading */ 
    display: none; 
    z-index: 300; 
} 

А вот ссылка вилка ваш демо: http://jsfiddle.net/abruzzi/afgp3ctg/3/