在一定距离后使div滚动页面

Question

我有一个设置有225px标题空间的网页，然后正文开始。 我有一个浮动的div，随着页面向下滚动，我想跟随它的主体。 div跟随但我不希望它开始，直到用户滚动到标题为止。 这是一个图片示例：

用户滚动到所有红色（225像素）之后，则蓝色div应该与页面一起滚动。

当前的问题是，当用户滚动浏览标题时，div开始移动第二秒，并在页面顶部下方225px处结束。

我相信这样是我所需要的，但它似乎无能为力（至少在Chrome中是无用的）

if($(window).scrollTop() > 255)
    {
        //begin to scroll
        $("#floating_list").css("position","fixed");
        $("#floating_list").css("top",0);
    }
    else
    {
        //lock it back into place
        $("#floating_list").css("position","relative");
    }

谢谢！

Answer 1

您尚未设置任何事件监听器。 包括JQuery，这是工作代码：

$(document).on("scroll", function(){ 
// or as a shorthand $(document).scroll(function(){
if($(document).scrollTop() > 255)
    {
        //begin to scroll
        $("#floating_list").css("position","fixed");
        $("#floating_list").css("top",0);
    }
    else
    {
        //lock it back into place
        $("#floating_list").css("position","relative");
    }
});