Как заставить мою обертку нажимать на липкий нижний колонтитул

Question

Я хочу сделать липкий нижний колонтитул с помощью jQuery.

Вот что я сделал http://jsbin.com/elapi/edit

мне нужна помощь, чтобы сделать мою #wrapper линию границы будет обернуть всю страницу до колонтитула.

Позвольте мне знать,

Answer 1

Проверить это, хотя выгружаться JQuery. How to align footer (div) to the bottom of the page? в этом http://ryanfait.com/sticky-footer/ и http://www.cssstickyfooter.com/ имеет некоторое решение, используя простые css и html. Нижний колонтитул в нижней части страницы меньше, чем область просмотра. Если высота страницы увеличивается больше, чем размер видового экрана, нижний колонтитул добавляется к нижней части страницы, нижний колонтитул не будет перекрываться с основным телом.

Answer 2

Для этого вам не нужно использовать jQuery, вы должны иметь возможность использовать чистый CSS. Что-то вроде этого:

#footer { 
    position: fixed; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
} 

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