在可滚动的div中滚动时更改导航活动类-不是页面滚动吗？

Question

我正在尝试达到此处显示的相同效果：http://jsfiddle.net/gUWdJ/3/，只是导航位于具有固定高度和y滚动的div的右侧。我可以单击以滚动到工作的某个部分，但是当仅使用滚动触发更改时，我很难使活动类在正确的位置应用（aka可见的部分/顶部应该具有相应的导航链接）保持活跃）。

这是我单击滚动链接所具有的：

$('.js-nav a[href^="#"]').on('click', function (e) {
  e.preventDefault();
  $('.js-nav a').each(function () {
    $(this).parent().removeClass('active');
  })
  $(this).parent().addClass('active');
  $('.js-scrollable').animate({scrollTop: $('.js-scrollable').scrollTop() + ($(this.hash).offset().top - $('.js-scrollable').offset().top)});
});

我正在尝试找出

$(".js-scrollable").scroll(function()

将更新滚动中的活动导航链接。预先谢谢你。