Javascript 正在尝试使粘滞条在滚动条的页脚左右悬停

多年来，我一直在努力让它发挥作用。div“scroller”在scroll上保持不变，但当滚动到最底部时，它会在页脚上滚动。有没有办法让它在到达该点时悬停在页脚上方

我的代码如下：

HTML

JQUERY：

function moveScroller() {
    var $anchor = $("#scroller-anchor");
    var $scroller = $('#scroller'); 

    var move = function() {

        var st = $(window).scrollTop();
        var ot = $anchor.offset().top;

        if(st > ot) {
            $scroller.css({
                position: "fixed",
                top: "0px"
            });
        } else {
            if(st <= ot) {
                $scroller.css({
                    position: "relative",
                    top: ""
                });
            }
        }
    };
    $(window).scroll(move);
    move(); 
}

$(function() {
   moveScroller();
});

函数moveScroller（）{
var$anchor=$（“#滚动锚”）；
var$scroller=$（“#scroller”）；
var move=function（）{
var st=$（window.scrollTop（）；
var ot=$anchor.offset（）.top；
如果（st>ot）{
$scroller.css({
位置：“固定”，
顶部：“0px”
});
}否则{
如果（st
函数moveScroller（）{
var$anchor=$（“#滚动锚”）；
var$scroller=$（“#scroller”）；
var move=function（）{
var st=$（window.scrollTop（）；
var ot=$anchor.offset（）.top；
var scroller_Height=$scroller.outerHeight（true）；
var footer_top=$（'#footer'）.offset（）.top-scroller_Height；
如果（st<页脚\顶部）{
如果（st>ot&&st

.sidebar导航{高度：200px；背景：黄色；}
页脚{高度：600px；背景：黑色；显示：块；}



































函数moveScroller（）{
var$anchor=$（“#滚动锚”）；
var$scroller=$（“#scroller”）；
var move=function（）{
var st=$（window.scrollTop（）；
var ot=$anchor.offset（）.top；
var scroller_Height=$scroller.outerHeight（true）；
var footer_top=$（'#footer'）.offset（）.top-scroller_Height；
如果（st<页脚\顶部）{
如果（st>ot&&st

.sidebar导航{高度：200px；背景：黄色；}
页脚{高度：600px；背景：黑色；显示：块；}



































.sidebar-nav{ height: 200px; background: yellow; }
footer { height: 600px; background: black; display: block; }

function moveScroller() {
    var $anchor = $("#scroller-anchor");
    var $scroller = $('#scroller'); 

    var move = function() {

        var st = $(window).scrollTop();
        var ot = $anchor.offset().top;

        if(st > ot) {
            $scroller.css({
                position: "fixed",
                top: "0px"
            });
        } else {
            if(st <= ot) {
                $scroller.css({
                    position: "relative",
                    top: ""
                });
            }
        }
    };
    $(window).scroll(move);
    move(); 
}

$(function() {
   moveScroller();
});