Фиксировать одноименные блоки при скролле, когда они достигают верха экрана(плавающие блоки)?

Question

[Чёкатилло]

Тем самым, при скролле эти одноименные блоки (которые отличаются только текстовым содержимым) фиксируются и накладываются друг на друга

Есть похожий скрипт, но он действует только на один первый попавшийся блок, а их у меня много с одним и тем же именем

$(function(){
 var topPos = $('.my_class_name').first().offset().top;
 $(window).scroll(function() { 
  var top = $(document).scrollTop();
  if (top > topPos) $('.my_class_name').addClass('fixed'); 
  else $('.my_class_name').removeClass('fixed');
 });
});

css

.data {
    width: 100%;
    height: 30px;
}
.fixed {
 position: fixed;
}

Здесь можно увидеть эти блоки с месяцем и годом Они имеются на всем протяжении страницы и здесь же работает этот скрипт Один только блок "Февраль 2017" фиксируется, а остальные неа

Спасибо!