溢出滚动在特定高度开始

Question

在我的网站上，我使用带滚动的12张图像

我的问题是，当我尝试从顶部滚动它没有工作。当指针到达特定高度时，滚动开始

当我试图减小浏览器的大小时，它工作正常

检查我的标记和css

标记

<div class="ebroc">
  <ul class="images">
    <li><img/></li>
    <li><img/></li>
    <li><img/></li>
    ...
  </ul>
</div>

CSS

ul.images {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 40vw;
  overflow-y: auto;
  background-color: #ddd;
}
ul.images li {
  display: block;
  width: 100%;
  height: 40vw; 
  margin-bottom: 10px;  
}
ul.images li img {
  height: 40vw;
  width: 100%;
}
.ebroc {
  margin-bottom: 20px;
  width: 70vw;
}