如何显示一个长div的底部哪个位置是固定的？

Question

在我的页面中，一些滚动后左侧div位置固定。问题是如果左div内容高于window，则div的下半部分不显示。我的代码片段如下：

var offesttop_menupanel = $('#menu-list').offset().top;
if($(this).scrollTop() > offesttop_menupanel)
{
   $('#menu-list').addClass('fixed-menu');
   $("#menu-list").css("width", menu_div_width);
}
else
{
   $('#menu-list').removeClass('fixed-menu');
}
 #### CSS ####
.fixed-menu {
  position: fixed;
  top: 30px;  
}

这是jsfiddle link。

如何在不使用滚动条的情况下显示div的下半部分？