Фиксированное положение div на верхнем вертикальном пространстве

Моя ситуация в том, что я зафиксировал позицию div с процентной высотой в нижней части страницы, которая находится поверх нее (см. Рисунок). Проблема в том, что когда я прокручиваю страницу до конца, часть ее содержимого скрывается под этим div. Я думаю, что я должен добавить пустой элемент в нижней части страницы, но что это лучший способ сделать это? enter image description here Фиксированное положение div на верхнем вертикальном пространстве

источник

2015-07-09 Vlad Levchenko

Вы видели это http://stackoverflow.com/questions/20100461/jquery-position-div-fixed-at-top-on-scroll –

Чтобы динамически это сделать, вам нужно будет использовать 'javascript'. Вы используете 'javascript' или' jquery'? –

Возможно, вам нужно проверить, перекрыт ли контейнер содержимого прокрутки и фиксированный div. добавьте границу в div для проверки. – Zeal

хорошее решение могло бы изменить высоту фиксированного DIV должен быть выражен в vh не в % (see), например:

div.fixed-at-bottom { height: 20vh; .... }

, а затем установить margin-bottom на свое содержание DIV с то же самое значение (или немного больше, чтобы получить больше места):

div.content { margin-bottom: 22vh; .... }

Я создал jsfiddle представить, что.

источник

2015-07-09 08:02:12

. Работали как шарм –

Действительно, CSS 3 потрясающий :) –

Фиксированное положение div на верхнем вертикальном пространстве

ответ

Смежные вопросы