Scrolltop 水平起点

Question

请看http://codepen.io/anon/pen/zGLZoR

我的“浮动 div”跟随页面滚动 - 它在向下移动滚动条后立即执行此操作。如何仅在达到 px（比如说 200px）滚动高度时才开始浮动。因此，当您向下滚动 200 像素时，可以看到浮动 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;
});

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