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

在我的页面中，左div的位置在一些滚动之后是固定的。问题是，如果左侧div内容高于窗口，则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;  
}

这是JSFIDLE

---

在这种情况下，如何在不使用滚动条的情况下显示div的下部？

height:nnpx；overflow-y：也自动添加HTML。最好是一个JSFIDLE演示。同时还要定义宽度。请保持过度流动，因为内容在sceenI中无法调整。这里将考虑KISS原则。不要把它修好。