Javascript 如何保持在页面底部滚动div

我有一个js，它工作得很好，直到我到达div的底部，然后它是相对的，并跳回到顶部。我希望它保持在2000px的位置，而不是在我继续向下滚动时跳回顶部（我们有一个非常大的页脚）。有什么想法吗？我已经看过很多这样的代码，但我一直无法得到任何代码来工作，表明他们可以做我想做的事情

$(window).scroll(function () {
        if ($(window).scrollTop() >= 2000) {
            $('#scrollingDiv').css({ position: 'relative' });
        } else {
            $('#scrollingDiv').css({ position: 'fixed' });
            $("#scrollingDiv").css("top", Math.max(0, 170 - $(this).scrollTop()));
        }
    });

---

这里是它的总体思路。主要的区别是我们的页脚非常大（我无法在没有主要编辑的情况下添加页脚），所以我需要它停在图像末尾的某个点上，但在我继续向下滚动查看页脚时，它也停留在图像的底部

好吧，我知道了。此代码的工作方式是固定div并向下滚动（位于浏览器顶部），直到达到2000px。然后它切换到相对定位，并将保持在1750px，这样您就可以继续向下滚动，而不必使用div。当您向上滚动时，它将拾取div并将其带回到顶部

$(window).scroll(function () {
        if ($(window).scrollTop() >= 2000) {
            $('#scrollingDiv').css({ position: 'relative' });
            $('#scrollingDiv').css({ top: '1750px' });
        } else {
            $('#scrollingDiv').css({ position: 'fixed' });
            $("#scrollingDiv").css("top", Math.max(0, 170 - $(this).scrollTop()));
        }
    });

---

您是否可以将其与html一起放入JSFIDLE中，这样我们就可以看到它的工作情况并更好地理解您的需要？请描述更多的背景信息-这个div应该做什么？保持在屏幕底部直到2000px的滚动，然后…什么？将页面保持在当前位置？好的，给我几分钟时间在JSFIDLE中获取它，这里是它的总体概念。主要的区别是我们的页脚非常大（我无法在没有主要编辑的情况下添加页脚），所以我需要它停在图像末尾的某个点上，但在我继续向下滚动查看页脚时，它也停留在图像的底部。