Как на jQuery сделать плавающий DIV есть 2 блока и надо чтобы при прокрутке один блок поехал и доехал до 2 блока и там зафексировался чтота похоже на как зделано на сайте телефон плавает мне тоже надо зделат телефон плавающий но зафиксироватся дозлхен внутри другого блока блоки (соседние)
<div id="scen_wraper2" class="scen_wraper2 window">
<div class="container flex_block">
<div class="second_left">
<div class="row">
<?php
$slider = new WP_Query(array('post_type' => 'block2'));
if($slider -> have_posts() ) : while ($slider -> have_posts() ) : $slider -> the_post();
?>
<div class="col-5 child_class">
<img src="<?php the_post_thumbnail_url() ?>" alt="" class="logo_scen2">
<h3 class="title_scen2"><?php the_title(); ?></h3>
<p class="text_scen2"><?php the_content();?></p>
</div>
<?php
endwhile;
endif;
wp_reset_query();
?>
</div>
</div>
<div class="second_right">
<img src="<?php bloginfo('template_directory')?>/img/phone.png" alt="" class="phone_frame">
</div>
</div>
</div>
<div id="steps" class="scen_wraper3 window">
<div class="container">
<div class="row">
<div class="col-12 main_step">
<span class="step_nr">
01
</span>
<h2 class="title_step">
Refuel
</h2>
<p class="step_text">
Once you are at the fuel station, simply choose the pump, fuel type
and start refuelling.
</p>
</div>
<div class="col-12 step_line">
<div class="indicator_main">
<span class="indicator_num">
01
</span>
<div class="indicator"></div>
</div>
</div>
<div class="col-12">
<span class="btm_scroll_step">
<a href="#faq" class="flowing-scroll">SCROLL DOWN</a>
<div class="line_horizontal">
</div>
</span>
</div>
</div>
</div>
</div>
second_right должен ехат и закрепитса в main_step
