获取最接近视口中心的div

Question

我在课程div上有很多.story，我想将.closest课程归到最接近中心的.closest课程。窗口并保持刷新该功能，因此只有body{ background-color:#ecf0f1; } .story { background-color: #fff; border-radius: 5px; height: 500px; margin: 20px auto; width: 70%; }类的一个，但它总是最接近中心的那个（即使你滚动）。

＆＃13;

＆＃13;

<div class="story">
  
</div>
<div class="story">
  
</div>
<div class="story">
  
</div>
<div class="story">
  
</div>
<div class="story">
  
</div>
<div class="story">
  
</div>
<div class="story">
  
</div>
<div class="story">
  
</div>
<div class="story">
  
</div>
<div class="story">
  
</div>

＆＃13;

{{1}}

＆＃13;

＆＃13;

＆＃13;