Javascript 滚动至语义界面中的菜单

我对菜单使用语义ui，它固定在右上角，即使页面很长，它也保持在那里，如下所示：

废话
菜单
家
话题
朋友
历史
东西

等等等等等等。
完事

问题在于：当jsfiddle中的页面很长（如果向下滚动到“内容末尾”）时，单击右上角的菜单链接实际上不会显示菜单，而只会显示空白，因为菜单中没有足够的项目

每当用户单击菜单链接时，我想将页面向上滚动到顶部，我尝试使用$（window）.scrollTop（），但没有效果

---

任何关于如何向上滚动到菜单的提示都将不胜感激

像一个快速的解决方案，你可以这样做

jQuery('.menu-toggle').on('click', function () {
  $(this).toggleClass('is-active');

  if($(this).hasClass('is-active')) {
    jQuery('.bottom.segment').animate({
      scrollTop: $(".sidebar.menu").offset().top
    }, 600);
  }
});

以下是更新的JS小提琴：

jQuery('.menu-toggle').on('click', function () {
  $(this).toggleClass('is-active');

  if($(this).hasClass('is-active')) {
    jQuery('.bottom.segment').animate({
      scrollTop: $(".sidebar.menu").offset().top
    }, 600);
  }
});