Question

我的“浮动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，但是在向上它将正常滚动：）

Scrolltop水平起点

1 个答案: