Есть header, 2 блока справа и слева и по центру блок с контентом. Задача закрепить все блоки так, чтобы при прокрутки двигался только центральный блок:
Если использовать position fixed, все конечно работает, но как только появляется горизонтальный скролл -начинаются проблемы. Верхняя шапка режется, при прокрутке в право левый блок наезжает на контент.
В качестве решения можно с помощью js вычислять margin-left при событии scroll, однако проблема возникает на телефонах, когда событие срабатывает только тогда, когда закончится анимация движения, в результате чего блоки ездят (тоже происходит и в сафари под маком).
Есть ли какие-то варианты решения такой проблемы ?