Javascript 自举'；粘贴'；不会贴在右边

我在这里创建了一个示例：

基本上，我想在右边粘贴一些东西，在这个例子中，红色的框，我希望它在出现正确数量的页面滚动后，看起来只是将自己固定在顶部，但每次它“粘贴”，它就会跳到左边，与我已经在左边的内容重叠

bootstrap有这么多文档真是太好了，但不幸的是，我认为我遗漏了一些关于这方面的东西。请帮忙

var offsetFn = function() {
   return $('#sidebar').position().top;
}

$(document).ready(function(e) {
  $('#sidebar').affix({
      offset: {top: offsetFn}
  });
});​

是我在Stack overflow上发现的一个代码片段，不必猜测顶部偏移量值，但即使我给它一个简单的值，当div被粘贴时，它也会向左跳转

---

关于提琴的注意事项：它似乎工作得不太好，至少我硬盘上的版本向左跳，但它基本上就是我正在使用的代码，窗口小可能会使事情复杂化，绿色和红色框被认为是垂直列

为侧边栏创建内部div。“粘贴”正在设置

位置：固定在列上，因此无法工作

编辑：请参阅，您的函数是不必要的，只会在FF中导致奇怪的行为，因此请删除
{offset:{top:offsetFn}
。它看起来是一样的，但滚动会更平滑

还可以将span5（290px）的宽度设置为#侧边栏，因为当元素具有
位置：fixed
时，它将从文档流中删除，并且不受父元素宽度的限制。
谢谢Jan，我设置了
{top:0}
，它可以工作，但框的宽度不断变化。这里有一个例子：，我用css
#sidebar.affix{width:290px；}
设置了宽度，它在某些页面宽度下有效，但在其他页面上不正确。不过，您回答了我的原始问题，谢谢。您可以将class
span5
添加到内部侧边栏，并清除其左侧空白，而不是设置“固定宽度”。请参阅bootstrap docs如何使用媒体查询，以更好地了解粘贴的工作原理。