Как сверстать фиксированный блок, чтобы он скроллился по горизонтали?
Всем привет.
Частенько встречаюсь с фиксированным сверху хедером с меню на одностраничных сайтах, который прокручивается по всей странице для удобства.
Между тем не всегда требуется адаптивность блоков его составляющих - и часто даже просто фиксируется ширина документа.
Заметил, что если ширина браузера будет меньше фиксированной ширины документа, то появляется горизонтальный скролл и это нормально.
Но при прокрутке горизонтальным скроллом вышеупомянутый фиксированный блок-меню не прокручивается вместе с документом.
Возможно кто то уже сталкивался с необходимостью решить эту задачу и уже решили?
У кого какие идеи?
так это и есть норм поведение. Вы же фиксируете и задаёте 100% ширину экрана так как фиксируется блок по отношению к экрану и когда вы скроллите то прокручивается документ а не сам эран
Если я правильно понял Ваше описание — то поведение скорее всего вполне себе нормальное.
Думаю, что Вы имеете в виду это: codepen.io/iiil/pen/wHgfG
header ведет себя также, как вел бы себя при вертикальном прокручивании. То есть позиционирован относительно видимой части экрана.
да да, ведет себя предсказуемо и нормально. вопрос в том как бы сделать костыль чтобы его тоже можно было прокручивать. может и безJSное решение есть))
Простой
Простой