JSFiddle - React, Tailwind, and code Playground

by Grig

HTML

<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<div>Допустим это модальное окно.</div>

CSS

body{
    width:100%;
    height:1000%;
    background:url('https://www.kobzarev.com/wp-content/uploads/2014/01/firefoxPointerEvents2.png');
    overflow:auto;
}
div{
    position:fixed;
    background:red;
    padding:20px;
    top:10px;
    left:10px;
}

JavaScript

$(document).ready(function(){
    var i=0;
    $('p').each(function(){$(this).append(i);i++;});
    $('body').css('overflow','hidden').css('position','fixed').css('top',-203);
});