Javascript 固定在窗户上的位置

我有一个Tumblr帐户，我正在编辑它的html。我的问题是：如何使侧边栏处于某个位置，但当我向下滚动页面时，它会停留在相对于浏览器的位置？有关我所说的示例，请单击“提问”，查看“类似问题”，然后滚动。我希望它是在CSS。我已经尝试了我能想到的一切

这就是我开始使用的代码，加上我的自定义CSS，它位于

我已经尝试了

位置：已修复

---

<>我希望它在浏览器窗口的中间开始，当我向下滚动时，它会碰到窗口的顶部，并相对于窗口保持固定。

，因为CSS不能检测滚动，你肯定需要利用JS。以下是一个基本示例：

<div id="scroller" class="floating"></div> 

然后，我们需要使用Javascript来测量用户何时向下滚动（我使用jQuery完成了这项工作）

在这里，您有一个替代的css声明，用于修复

.fixed{
    position: fixed;
}

---

您能否快速编写一个代码，其中包含所有内容，它应该与所涉及的各种标记相关？因为昨天是我尝试JavaScript的第一天。我是否需要添加“code”ajax.googleapis.com/ajax/libs/jquery/1/jquery.js“>好的，你需要添加到你身体的页脚。在这之后，你可以将我编写的javascript放在一个单独的标记中。我现在将脚本src放在头btu中。我如何定义实际脚本本身所属的内容？

$(window).scroll(function(){
    if($(this).scrollTop() > 50){
        $('#scroller').removeClass('floating');
        $('#scroller').addClass('fixed');
    }else{
        $('#scroller').addClass('floating');
        $('#scroller').removeClass('fixed');
    }
});

.fixed{
    position: fixed;
}