CSS半固定元素?

感谢durilai指出这一点: How to make an element slide with the viewport as it scrolls?

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

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