Параллакс подвал

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

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

Примерная HTML структура:
CSS:

Свойство background обязательно для блока с контентом, иначе он не перекроет футер.

JS:

Скрипт написан для библиотеки jQuery

Если вы по какой-то причине не хотите использовать скрипты, то к стилям нужно добавить следующее:

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!