Javascript 固定和取消固定滚动菜单超过div的高度

我有一个菜单，当你滚动到某个位置时，它会被修复。然而，我需要它返回到它的常规位置，当它滚动过它支持的内容时，它会变得不固定

因此，我需要计算contentcontainer div的高度，一旦到达末尾，就取消菜单的固定

这是因为如果我一直滚动到页面底部，我的菜单会保持不变，即使iv'e滚动到我的页脚上

那么，我如何更改它，使滚动条只固定到固定菜单支持的div的高度

#js contracts

            $(function(){
                function fixDiv() {
                    var $cache = $('#js-contracts');
                    var divHeight = $('#js-months').height();
                    if ($(window).scrollTop() > 1210 & $(window).scrollTop() < divHeight+1210)
                    $cache.css({
                        'position': 'fixed',
                        'top': '63px',
                        'width':'inherit',
                        'padding-top':'10px',
                        'padding-bottom':'10px',
                        'background-color':'white'
                    });
                    else
                    $cache.css({
                        'position': 'relative',
                        'top': 'auto',
                        'background-color':'none',
                        'padding-bottom':'10px',
                    });
                }
                $(window).scroll(fixDiv);
                fixDiv();
            });

$（函数（）{
函数fixDiv（）{
var$cache=$（“#js契约”）；
var divHeight=$（'#js months'）.height（）；
if（$（窗口）.scrollTop（）>1210&$（窗口）.scrollTop（）

位置：sticky（粘性）可以吗？我可以让它粘住并被固定，但是当它滚动过去时，它会固定超过内容的点，所以当它小于2970时，我必须取消粘住它，这将在不同的屏幕宽度上变化