1

我在这里创建了一个示例：http: //jsfiddle.net/Ninjanoel/9GEGU/

基本上，我想在右边贴上一些东西，在这种情况下，红色框，我希望它看起来只是将自己固定在顶部，因为一旦发生正确的页面滚动量，它应该是这样，但每次它'词缀'，它跳到左边，与我在左边已有的内容重叠。

bootstrap 有这么多的文档真是太好了，但不幸的是，我认为我错过了一些关于此的内容。请帮忙。

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

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

是我在堆栈溢出中发现的一个代码片段，不必猜测顶部偏移值，但即使我给它一个简单的值，当 div 被贴上时，它也会向左跳。

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

4

1 回答 1

3

为侧边栏创建内部 div。词缀设置position: fixed为列，因此使其无法正常工作。

编辑：见http://jsfiddle.net/9GEGU/2/你的功能是不必要的，只会在FF中引起奇怪的行为，所以删除{offset: {top: offsetFn}}. 它看起来一样，但滚动会更流畅。

还将 span5 (290px) 的宽度设置为#sidebar，因为当元素具有时position: fixed，它会从文档流中删除并且不受父级宽度的限制。

于 2012-12-02T23:54:49.493 回答