Прокрутка вверх по щелчку атрибута data-menuanchor

Question

Вот мой код http://jsfiddle.net/sh8tmba6/1/

В списке ul>li есть панель навигации с годами. Каждый ли имеет <a> тег с атрибутом data-menuanchor, Когда пользователь нажимает на эти ссылки на основе data-menuanchor соответствующий div должен прокрутиться до самого верха.

Примечание. Здесь панель навигации должна быть зафиксирована даже при прокрутке вверх или вниз.

Вот код jquery, который я пробовал, но он не работает в соответствии с требованием

  ('.timeline-nav li a').on('click', function (e) {
     var yearID = '#' + $(this).data('menuanchor') ;
  $('.historyWrapper').animate({
        scrollTop: $(yearID).offset().top - $(yearID).parent().offset().top + $(yearID).parent().scrollTop()
    }, {
        duration: 1000,
        specialEasing: {
            width: 'linear',
            height: 'easeOutBounce'
        }
    });
   });

Может кто-нибудь, пожалуйста, помогите. заранее спасибо