溢出div内的粘性滚动内容

Question

我有这样的结构，我有固定的页脚和标题，所有内容都可以在这两个中间滚动。我有一个中心导向的div（溢出隐藏，在该区域内部的滚动条），在div内部我在左侧和右侧之间分开，在左侧我有垂直列表与项目，并在悬停我显示在右侧侧面项目详细信息，所以很高兴在左侧列表中的项目后面显示详细信息div（固定高度355px）。

有什么建议吗？

这是我的代码：

$('.sd_dish').hover(function(e) {
    var full_id = $(this).parent().attr("id");
    var url = $("#url_"+full_id).text();
    $("#dish_photo").attr('src', url);
    if (first_time)
    {
        $('#dish_details_container').fadeIn();
        first_time = false;
    }

    if(e.pageY > 335)
    {
        var ntop = e.pageY - 100;
        $('#dish_details_container').css('top', ntop);
    }
});

该div的CSS

#dish_details_container{
   z-index:999;
   position:absolute;
   right:10px;
   display:none;
 }

第一次使用hover左侧列表中的列表元素时，我会显示详细信息页面并且它一直存在。