JSFiddle - React, Tailwind, and code Playground

by VVetya

HTML

<div>
ЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛ
</div>
<div id="YaMaps"></div>
<div>
ЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛ
ЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ ЛОЛ ЛОЛЛОЛ...

JavaScript

YaMapsShown = false; 
$(document).ready(function (){

 $(window).scroll(function() {
    if (!YaMapsShown){
     if($(window).scrollTop() + $(window).height() > $(document).height() - 700) {      
      showYaMaps();
      YaMapsShown = true;
     }
    }
 });
 
});
function showYaMaps(){
 let script   = document.createElement("script");
 script.type  = "text/javascript";
 script.src   = "https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A45d06586004925e7da9fc0216faa0c411e63fe840ce3d2003a6237f252a5b581&amp;width=100%25&amp;height=350&amp;lang=ru_RU&amp;scroll=true";
 document.getElementById("YaMaps").appendChild(script);
}