Как я могу прокрутить некоторые div с jquery-scrolltofixed правильно?

Question

Я использовал jquery-scrolltofixed плагин для прокрутки исправить несколько делений.но только второе исправление прокрутки div и, когда он достигает нижней части страницы, он находит в неправильном месте.как я могу решить эту проблему?мой код здесь: https://codepen.io/elhambgh4/pen/EzYLBK

javascript:

$(document).ready(function() {
  var summaries = $('.summary');
  summaries.each(function(i) {
    var summary = $(summaries[i]);
    var next = summaries[i + 1];

    summary.scrollToFixed({
      marginTop: $('.header').outerHeight(true) + 10,
      limit: function() {
        var limit = 0;
        if (next) {
          limit = $(next).offset().top - $(this).outerHeight(true) - 10;
        } else {
          limit = $('.footer').offset().top - $(this).outerHeight(true) - 10;
        }
        return limit;
      },
      zIndex: 999
    });
  });
});