Css style positioning problem

White div:
Scroll bar can be scrolled horizontally (1200px with content width fixed, some screens will be smaller than 1200px)
not to scroll vertically (content length is longer than screen length)
requirement: you can only use css

.
Apr.12,2022

is that what you want?
https://codepen.io/w3cbest/fu...


paste down and you should be able to test it. Or open the URL to view the effect https://codepen.io/luyilun/pr...

<div class="content"></div>
<silder class="silder">
      <div class="white"></div>
</silder>

< / div >

.con {

width:1200px;
height: 1500px;
margin: 0 auto;
display: flex;
flex-direction: row;
.content{
  width: 800px;
  hieght: 100%;
  background: green;
}
.silder{
  width: 400px;
  height: 100%;
  background: blue;
  position: relative;
  .white{
    width:200px;
    height: 200px;
    background: white;
    position: sticky;
    top: 10px;
    margin-left: 100px;
  }
}

}

Menu