Отказ от использования стикера для прокрутки левого изображения и прокрутки правого изображения - PullRequest
1 голос
/ 03 марта 2020

Я пытаюсь создать что-то похожее на 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%">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...