Как заставить мою упаковку запихнуть в липкий колонтитул

Question

Я хочу сделать липкий нижний колонтитул, используя jQuery.

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

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

Дайте мне знать

Answer 1

Проверьте это, хотя он не использует jquery. Как выровнять нижний колонтитул (div) по нижней части страницы? в этом http://ryanfait.com/sticky-footer/ и http://www.cssstickyfooter.com/ есть какое-то решение с использованием простых CSS и HTML.Нижний колонтитул прилипает к нижней части страницы, это меньше, чем область просмотра.Если высота страницы увеличивается больше, чем размер области просмотра, то нижний колонтитул добавляется к нижней части страницы, то есть нижний колонтитул не будет перекрываться с основным телом.

Answer 2

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

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

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