JSFiddle - React, Tailwind, and code Playground

HTML

content<br/>
content<br/>
content<br/>
content<br/>
content<br/>
content<br/>
content<br/>
<div>Не прокручиваемый блок</div>

CSS

html,body{
    margin: 0;
    padding: 0;
    height: 100%;
}

body{
    font-size: 7em;
}

div{
    position: fixed;
    font-size: .2em;
    bottom: 0;
    left: 50%;
    margin-left: -100px;
    height: 100px;
    width: 200px;
    background:red;
}