jquery - Bootstrap affix- 在位置 :fixed 时将侧边栏保留在容器内

Question

我正在使用 Bootstrap 的词缀插件实现粘性侧边栏。侧边栏按预期粘贴，但我无法将 div 保持在填充容器中。应用词缀类时，侧边栏将跳出容器并一直跳到浏览器窗口的右侧。

有没有一种简单的方法可以使侧边栏保持在正确的位置？

查看演示:

http://bit.ly/1F56C2C

Answer 1

我听从了 anpsmn 的建议，但做了以下更改:

$('#sidebar').on('affix.bs.affix', function(){ 
    var size = $(window).width(); //get browser width
    var divWidth = $(myContainer).width(); //get width of container
    var margin = (size - divWidth) / 2; //get difference and divide by 2
    $("#sidebar").css("right",margin);
})
.on('affix-top.bs.affix', function () {
  $("#sidebar").css("right","0px");
});

这会计算容器外部的空间量，因为它与浏览器大小相关。它需要一些调整，但它应该可以工作。