док-панель для веб-приложения
здравствуйте, новичок пока в разработке веб-приложении. Хотелось бы узнать как сделать такую панельку, только чтоб она не пропадала с виду.
Ответы (1 шт):
Можно создать область, постоянно висящую на экране при помощи свойства
position:fixed, закрепив ее в самом верху (top:0) или в низу экрана (bottom:0) и растянув на всю ширину:width:100%.Для удобства центрирования содержимого можно использовать
display:flexв сочетании сjustify-content:center;Внутри фиксированной области можно поместить собственно функциональную панель с кнопками, внешними отступами, тенью. Она может как угодно менять ширину, в зависимости от набора кнопок, но всегда останется посередине экрана.
Чтобы прозрачная фиксированная область пропускала сквозь себя клики по ссылкам на странице, пригодится свойство
pointer-events:none; Панелька с кнопками унаследует это свойство, ей оно не нужно, т.к. она должна "ловить" клики:pointer-events:auto.
