javascript - Scrolltop水平起点

请参阅http://codepen.io/anon/pen/zGLZoR

我的“浮动div”跟随页面滚动-向下移动滚动条后立即执行此操作。如何仅在达到px（让我们说200px）滚动高度时才开始浮动。因此，当您向下滚动200px时，可以看到浮动div，而不是立即看到。

                $(window).scroll(function(){
                   $("#div").stop().animate({"marginTop": ($(window).scrollTop()) + "px", "marginLeft":($(window).scrollLeft()) + "px"}, "slow" );
                });

编辑：

向后滚动到顶部-超过200px标记时，div必须返回到原始位置

最佳答案

编辑：试试这个

var lastScrollTop = 0;

$(window).scroll(function(){
    var st = $(this).scrollTop();
    if (st > lastScrollTop){
        if($(window).scrollTop()>200){
            $("#div").stop().animate({"marginTop": ($(window).scrollTop()) + "px", "marginLeft":($(window).scrollLeft()) + "px"}, "slow" );
        }
    } else {
        $("#div").stop().animate({"marginTop": ($(window).scrollTop()) + "px", "marginLeft":($(window).scrollLeft()) + "px"}, "slow" );
    }
    lastScrollTop = st;
});

这将检查您是否要“向上”或“向下”，然后向下滚动将超过200像素，但在向上将正常滚动:)

关于javascript - Scrolltop水平起点，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31473272/