Pb : Scroll Spy

Bonjour,

Voila je rencontre un petit problème avec mon code. Suite au cours du Scroll Spy

Ce que je fais

Voici le code que j'ai écrits en suivant la vidéo

(function($){

  var sections = [];
  var id = false;
  var $htmlnav = $('.html__nav');

  $('a', $htmlnav).each(function(){
    sections.push($($(this).attr('href')));
  });

  $(window).scroll(function(e){
    var scrollTop = $(this).scrollTop() + ($(window).height() / 2);
    for(var i in sections){
      var section = sections[i];
      if (scrollTop > section.offset().top) {
    id = section.attr('id');
      }
    }
    $('a', $htmlnav).removeClass('page-actuelle');
    $('a[href="#' + id + '"]', $htmlnav).addClass('page-actuelle');
  });

  console.log(sections);

})(jQuery);

Ce que j'obtiens

La console de Chrome m'affiche une erreur : Uncaught TypeError: Cannot read property 'top' of undefined