Получите div, ближайший к центру окна просмотра

Question

У меня много div с классом .story и я хотел бы назначить .closest класс к ближайшему к центру окна и продолжайте обновлять эту функцию, так что есть только один с .closest класс, но это всегда тот, который ближе всего к центру (даже когда вы прокручиваете).

body{  
  background-color:#ecf0f1;
}

.story
{
  background-color: #fff;
  border-radius: 5px;
  height: 500px;
  margin: 20px auto;
  width: 70%;
}

<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>