Обтекание текстом фиксированного блока?

Подскажите пожалуйста, как сделать так, чтобы текст обтекал div блок? Возможно на JS? В процессе прокрутки текста блок должен оставаться на своем месте
5e496fcb280a4073280428.png
На рисунке кольцевой индикатор и 4 кнопки. Все вместе кнопки и индикатор находится в div, который имеет фиксированное положение и парит над текстом. Текст можно прокручивать отдельного от div с кнопками и индикатором, но при это текст не должен скрываться за этим div. Т.е. текст заканчивается сверху и продолжается сразу за div без потерь.
Пример прототипа пока без обтекания: https://jsfiddle.net/hcpumLt3/
  • Вопрос задан
  • 299 просмотров
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега CSS
UI developer. Верстаю неверстаемое.
На CSS такое обтекание никак не сделать. Но можно пойти одним весьма хитроподвывернутым способом - продублировать текст и скроллить два блока с контентом одновременно. Как в этом примере, только в одной плоскости, без "перевернутой" трансформации:



Это позволит сделать плавное движение, без рывков при перестроении элементов в DOM-дереве.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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