JSFiddle - React, Tailwind, and code Playground

by nikolya223

HTML

<div class="container">
        <div class="block"></div>
    </div>
    <div class="wrap">
        <div class="header"></div>
    </div>

CSS

html, body{
padding:0px;
margin:0px;
width:200%;
height:200% 
}

.wrap{
width:960px;
height:1000px;
margin:0 auto;
background:#ccc;
}


.header{
height:200px;
background:red;
}

.container{
position: absolute;
top:0px;
left:330px;
width:200%;
height:300px;
clip:rect(33px, 10000px, 300px, 0px);/*здесь выставляйте свои параметры, сейчас блок двигается по горизонтальному контейнеру высотой в 300пк*/
}

.block{
background:blue;
width:320px;
height:300px;
position:fixed;
}