how to set a picture to center vertically in the browser and scroll up and down when the picture is out of the screen
<div class="file-wrapper">
<img class="file-position" src="1.jpg" alt="">
</div>.file-wrapper{
width: 100%;
height: 100%;
background: -sharp0e0e0e;
position: relative;
}
.file-position{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}now it can be centered vertically, but when the picture is too large, it will be intercepted and cannot scroll up and down automatically