@ravewave

Можно ли реализовать такой макет в верстке?

Всем привет, возник вопрос: возможно ли как-то реализовать данный макет на картинке? Без использования JS, просто CSS.
5a29ac725213f123277376.png
Есть основной блок страницы в 1200px, выравненный по центру. Относительно некой оси (синего цвета) необходимо разделить ВСЮ ширину окна браузера на 2 части (желтая и красная). Проблема в том, что эта ось проходит не по центру, а если задать желтому и красному блокам ширину в процентах, то эта ось будет передвигаться при изменении окна браузера, она должна быть неподвижной относительной других элементов основного блока страницы. Надеюсь, вы меня поняли, надеюсь на помощь). Если идей нет на CSS, подскажите, как это сделать на JS.
  • Вопрос задан
  • 269 просмотров
Решения вопроса 1
rockon404
@rockon404
Frontend Developer
Вот простой вариант решения https://jsfiddle.net/rockon404/q2kpasfu/
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
На js можно реализовать таким образом: ловим скролл страницы и на соответственное количество пикселей сдвигаем задний фон. Измеряйте сверху страницы расстояние. Запоминайте предыдущее значение, чтобы понимать куда идет скролл.
Ответ написан
aliencash
@aliencash
Партизан
Не очень понял как должно себя вести если экран меньше 1200px. Давайте начнем с такого варианта https://codepen.io/aliencash/pen/pdXrry?editors=1100
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы