Javascript CSS半固定元素?

Javascript CSS半固定元素?,javascript,html,css,Javascript,Html,Css,我记得最近看到过一个这样的例子,但就我个人而言,我找不到这个网站 它是一个按钮或类似的东西,位于靠近屏幕顶部的位置,当你向下滚动时,它会停留在屏幕上 现在我想起来了,它一定是由javascript驱动的,但看起来很自然 是否有人知道一个网站具有此功能或如何实现此功能的信息 编辑 不,这不仅仅是位置:使用javascript固定或永久浮动。感谢durilai指出这一点: 事实证明,就在这里(问题编辑页面),我看到了这个。“如何格式化”框位于编辑框的右侧,并随页面的其余部分一起移动,但在应将其滚动到

我记得最近看到过一个这样的例子,但就我个人而言,我找不到这个网站

它是一个按钮或类似的东西,位于靠近屏幕顶部的位置,当你向下滚动时,它会停留在屏幕上

现在我想起来了,它一定是由javascript驱动的,但看起来很自然

是否有人知道一个网站具有此功能或如何实现此功能的信息

编辑

不,这不仅仅是
位置:使用javascript固定或永久浮动。

感谢durilai指出这一点:

事实证明,就在这里(问题编辑页面),我看到了这个。“如何格式化”框位于编辑框的右侧,并随页面的其余部分一起移动,但在应将其滚动到视图之外时,该框将变为
位置:固定

这是通过使用jQuery实现的。我认为他们有一些自定义代码,但下面是我的实现:

var scrollerTopMargin = $("#scroll-container").offset().top;
$(window).scroll(function(){
    var c = $(window).scrollTop();
    var d = $("#scroll-container");
    if (c > scrollerTopMargin) {
        d.css({ position: "fixed", top: "0px"   });
    }
    else if (c <= scrollerTopMargin) 
    {
        d.css({ position: "relative", top: ""   });
    }
});
var scrollerTopMargin=$(“#滚动容器”).offset().top;
$(窗口)。滚动(函数(){
var c=$(window.scrollTop();
var d=$(“#滚动容器”);
如果(c>scrollerTopMargin){
d、 css({位置:“固定”,顶部:“0px”});
}

否则,如果(c),那么它不仅仅是
位置:固定的
?dup: