在一定距离后与页面进行div滚动

Question

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

一旦用户滚过所有红色（225px），那么蓝色div应该与页面一起滚动。

当前的问题是div开始移动第二个用户滚动标题并最终比页面顶部低225px。

我相信这是我需要的东西，但它似乎没有做任何事情（至少在铬中）

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