JSFiddle - React, Tailwind, and code Playground

by Danja Wittmann

HTML

<div class="div">
  COME HERE!
</div>
<div class="im">
  Boooooo!!1))00)0))
</div>

CSS

.div {
  background-color: #e0e0e0;
  position: absolute;
  top: 600px;
  width: 600px;
  height: 900px;
}
.im {
  width: 300px;
  height: 300px;
  position: fixed;
  background-color: #ccc;
  border: 4px solid #f0f0f0;
  left: -500px;
}
.hi {
  left: 0px;
  top: 200px;
}

JavaScript

$(function() {
  $(window).scroll(function() {
    var offset = $('.div').offset(); //здесь вметсо .div вставь класс элемента после прокрутки которого должен появиться фиксированный блок
    if ($(this).scrollTop() >= offset.top) {
      $('.im').addClass('hi'); //здесь и ниже класс фиксированого блока можешь поменять на свой
    } else {
      $('.im').removeClass('hi');
    }
  });
});