CSS半固定元素？

Question

我记得最近看到一个这样的例子，但对于我的生活，我无法找到该网站。

这是一个按钮或类似的东西，坐在靠近屏幕顶部的位置，然后当您向下滚动时，它会保持在屏幕上。

现在我想到了它，它一定是由javascript支持的，但它看起来很自然。

有没有人知道一个具有此功能的网站或有关如何操作的信息？

编辑
不，它不只是position:fixed或永久使用JavaScript浮动。

Answer 1

感谢durilai的指出，这已经覆盖：How to make an element slide with the viewport as it scrolls?

事实证明，正是在这里，让我看到了这个（问题编辑页）。 “如何格式化”框位于编辑框的右侧并与页面的其余部分一起移动，但当它滚动出视图时变为position:fixed。

这是通过使用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: "" }); 
    } 
});