Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

Scroll

рисунок

рисунок
, by

как сделать чтобы рисунок всегда был как показано на рисунке, при сдвига вниз, вверх, при уменьшение размера стр

подскажитекакие коды нужны?

 

 

1 answer
votes: 862
Answer

Вам нужно использовать position: fixed, также нужно расчитать где должны быть блоки, сверху top: 200px например. Чтобы слева справа выравнять нужно использовать проценты и margin, например слева:

.left{

  position: fixed;

  width: 200px;

  heigth: 500px;

  left: 50%;

  margin-left: -490px;

}

 

ширину и высоту блока тоже нужно явно указать. Margin-left нужно указать отрицательный, чтобы сдвинуть влево блок, расчитывается сдвиг Ширина страницы \ 2. В правом блоке должно быть наоборот right: 50%; margin-right: -490px;