如何在到达外部div结束时停止滚动内部div

Question

我的侧栏 div（右）有一个内部的 div（立方体）。 div（立方体）滚动并在其中有3个div。我希望它在到达侧边栏 div（右）时停止滚动。但不是停止它跨越侧栏结束。

滚动功能代码

$(document).ready(function() {
            $('.cube').scrollToFixed({
                limit: $('end-sticky').offset().top - $('.cube').outerHeight(true),
                zIndex: 999,
                fixed: function() {  },
            });

html代码

<div class="right"> //main div (sidebar)
        <div class="cube" style="margin:0;"> //scrolling div

</div>

<div>

css代码：

#container .right{float:right;padding:0;width:350px;height:100%;}

#container .right .cube{margin: 0 10px 10px;}