Я пытаюсь создать что-то похожее на www.auratenewyork.com/, где левое изображение фиксируется, а правая часть прокручивается. Что я получил до сих пор:
.sticky { position: sticky; top:0; bottom:1000; } body{ margin:0; background-image:"https://i.ibb.co/2yMYTJQ/Frame-3.jpg"; }
<img src="https://i.ibb.co/2yMYTJQ/Frame-3.jpg" alt="Frame-3" border="-30" padding="0" width="100%"> <div> <div class="sticky"> <img src="https://i.ibb.co/Mk8rw9b/768width.png" alt="768width" border="0" style="width:40%; float:left"> </div> <img src="https://i.ibb.co/C6Wjmnz/1152width.png" alt="1152width" border="0" width="60%" height="768px"> </div> <div style="margin: 10% 0% 0% 0%;" > <img src="https://i.ibb.co/2yMYTJQ/Frame-3.jpg" alt="Frame-3" border="0" width="100%" style="z-index:1"> </div> <img src="https://i.ibb.co/2yMYTJQ/Frame-3.jpg" alt="Frame-3" border="0" width="100%">