Here is an example .
While the skeleton was covering:
.box{ height:100vh; overflow:hidden; } .imgbox{ background:red; border:2px solid #fff; height: 30vh; } .wrap{ width: 20%; float: left; overflow-y: scroll; height: 100vh; -ms-overflow-style: none; // IE 10+ overflow: -moz-scrollbars-none; // Firefox &::-webkit-scrollbar { display: none; // Safari and Chrome } <div class="box"> <div class="wrap"> <div class="imgbox"></div> <div class="imgbox"></div> <div class="imgbox"></div> <div class="imgbox"></div> <div class="imgbox"></div> <div class="imgbox"></div> </div> <div class="wrap"> <div class="imgbox"></div> <div class="imgbox"></div> <div class="imgbox"></div> <div class="imgbox"></div> <div class="imgbox"></div> </div> <div class="wrap"> <div class="imgbox"></div> <div class="imgbox"></div> <div class="imgbox"></div> <div class="imgbox"></div> <div class="imgbox"></div> </div> <div class="wrap"> <div class="imgbox"></div> <div class="imgbox"></div> <div class="imgbox"></div> <div class="imgbox"></div> <div class="imgbox"></div> <div class="imgbox"></div> </div> <div class="wrap"> <div class="imgbox"></div> <div class="imgbox"></div> <div class="imgbox"></div> <div class="imgbox"></div> <div class="imgbox"></div> <div class="imgbox"></div> <div class="imgbox"></div> <div class="imgbox"></div> </div> </div> how to make using translate3d. Thank.