如何用scrollspy确定拇指高度?

我试着做一个像scrollspy一样的滚动条,但有一个问题;它实际上并没有滚动到轨迹的底部,因为拇指的高度不正确(或者我认为这就是它不起作用的原因)。

你可以在这里看到一个例子: http://jsfiddle.net/92zsvhak/5/

$(window).on("scroll", function() {
  var scrollPercentage = 100 * $(window).scrollTop() / ($(".container").height() - $(window).height());

  $(".scrollspy > .track > .bar").css("top", scrollPercentage);
});

正如在jsfiddle中看到的那样,一旦您向下滚动到最后一个轨迹的开头,绿色条应该位于红色轨迹的底部 .block

如何才能做到这一点?