У меня есть макет, содержащий fixed
div (#navigation
) с кнопками. В макет также входит прокручиваемый контент (.card
).
#navigation
в настоящее время имеет зеленый фон для демонстрационных целей. Например:
#navigation {
position: fixed;
top: 20px;
left: 50%;
transform: translate(-50%, 0%);
background: green;
padding: 25px;
}
<div id="navigation"><button id="btn1">Button</button>
<button id="btn2">Button</button>
<button id="btn3">Button</button>
<button id="btn4">Button</button>
</div>