<!DOCTYPE HTML>
<style>
#container {
  width: 100px;
  height: 300px;
  border: 1px black solid;
  overflow: hidden;
}

.scrolled {
  width: 50px;
  height: 50px;
  margin: 10px;
  position: relative;
  background-color: green;
  top: -100px;
}
</style>
<div id="container">
  <div class="scrolled">1</div>
  <div class="scrolled">2</div>
  <div class="scrolled">3</div>
  <div class="scrolled">4</div>
  <div class="scrolled">5</div>
  <div class="scrolled">6</div>
  <div class="scrolled">7</div>
</div>