Twitter引导程序更改在DOM更改上的后缀偏移量

Question

Twitter引导程序更改词缀偏移可能会有所帮助。 假设他基本上也遇到了同样的问题，并发布了解决我的问题的方法，但不幸的是我无法使它正常工作。

这是Bootstrap Affix插件页面（如果您知道使用此插件的另一种/更好的方法，那么，我不禁听到--不需要此插件）： http : //twitter.github.com/bootstrap/javascript.html#词缀

http://jsfiddle.net/rPsK8/1

这是一个小提琴，可以帮助显示我的问题...但是由于某种原因，我无法使Bootstrap Affix进行任何操作。 ：|

$(function () {
  $('#contentbody-toolbar').addClass("affix-top").each(function (){
    var $self = $(this);
    if ($("#advanced-total-outer").is(":visible")) {
    var offsetFn = function () {
        var $p = $('#advanced-total-outer').outerHeight();
        var h = 175 + $p;
        return h;
    }
    $self.affix({offset: {top: offsetFn}});
 } else {
    var offsetFn = function () {
        var h = 175;
        return h;
    }
    $self.affix({offset: {top: offsetFn}});
}
  });
});

编辑：我简化了上面的代码（应该做同样的事情）：

$(function () {
  $('#contentbody-toolbar').addClass("affix-top").each(function (){
    var $self = $(this);
     var offsetFn = function () {
        var $p = $('.wrapper.clearfix.no-bord').outerHeight();
        var h = 175 + $p;
        return h;
    $self.affix({offset: {top: offsetFn}});
};
  });
});

但是无论如何，这就是我的页面的基本设置方式，当您向下滚动并且导航栏（＃contentbody-toolbar）位于窗口顶部时，它便已修复。 现在，问题是，如您所见，我隐藏了一个可以隐藏的div。 因此，当该元素没有以某种方式隐藏时，我需要更新偏移量。

如果用户愿意，标头还可以更改大小（高度），因此也需要为此进行更新。 我上面发布的代码对我来说似乎是合乎逻辑的，并且在可以识别偏移量更改的意义上似乎“起作用”，但是词缀插件显然并没有更新DOM中的更改。 滚动175px后，它将始终固定。

我一直在努力使它工作几天，老实说，我很沮丧。 我真的不知道该怎么做。 当问一个问题时，Stackoverflow的侧边栏似乎可以实现我想要的功能，但是我找不到他们的moveScroller脚本。

非常感谢提供的任何帮助。

Answer 1

因此，我注意到/提到了我想要的stackoverflow的工作...好吧，我感谢Josh Lee的帮助，我搜索出并找到了他们的代码@ @ 滚动到后如何使div粘在屏幕顶部？

使用了几乎与他列出的相同的代码：

function moveScroller() {
    var move = function() {
        var st = $(window).scrollTop();
        var ot = $("#scroller-anchor").offset().top;
        var s = $("#scroller");
        if(st > ot) {
            s.css({
                position: "fixed",
                top: "0px",
                width: "61%"
            });
        } else {
            if(st <= ot) {
                s.css({
                    position: "relative",
                    top: "",
                    width: "auto"
                });
            }
        }
    };
    $(window).scroll(move);
    move();
}

<script type="text/javascript"> 
  $(function() {
    moveScroller();
  });
</script>