Question

我有这个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()));
        }
    });

Fiddle

以下是它的一般概念。主要的区别是我们的页脚非常大（我无法在没有主要编辑的情况下添加页脚）所以我需要它停在图像末尾的一个点，但也保持在图像的底部我继续向下滚动以查看页脚。

Answer 1

好吧我明白了。这段代码的工作方式是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()));
        }
    });

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

1 个答案: