Липкий нижний колонтитул в HTML5 Boilerplate

Question

Я пытаюсь внедрить липкий нижний колонтитул в шаблон, но я не могу найти способ, чтобы это сработало. Я пробовал решения, опубликованные Майклом Горманом и Стивом Хэтчером , но оба они не работают для меня.

Я исследовал и обнаружил, что Sticky Footer не поддерживается Boilerplate. У кого-нибудь из вас была удача в этом вопросе.

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

Спасибо за помощь. Приветствия

Answer 1

Чтобы убедиться, что нижний колонтитул всегда находится в абсолютном нижнем углу страницы, вы можете использовать ответ, принятый в этом вопросе: Сделать так, чтобы div всегда оставался в нижней части содержимого страницы, даже если есть полосы прокрутки

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

Answer 2

Если вы просто хотите, чтобы фрагмент HTML оставался на одной и той же позиции экрана независимо от прокрутки, вы можете использовать position:fixed для элемента.Это создаст эффект, подобный тому, что вы видите на Facebook, где синяя полоса вверху и окно чата внизу остаются видимыми.