CSS：Safari（桌面），滚动固定div问题

Question

在Chrome浏览器中运行良好，与safari（网络）问题

http://jsfiddle.net/Lvc0u55v/3220/

预期行为：

向下滚动时，右侧列在其偏移量为0（窗口顶部）后变为固定。然后，如果你的鼠标在里面，你在这个div内滚动。 div由以下内容确定：

    .scroll-fixed{
        height: 300px;
        overflow-y:scroll;
        position: fixed;
        top: 0px;
   }

问题： 有时它按预期工作，但有时正确的col不会在固定时滚动，你可以看到页面的其余部分继续上升。