滚动顶水平起点

Question

请看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" );
                });

编辑：

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

Answer 1

编辑：试试这个

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;
});

这将检查你是否向上，向下，它将滚动超过200px，但向上它将正常滚动：）