引导标题滚动偏移

Question

我的导航有一个徽标和标题，如下所示：

<div id="logohead">
//...
</div>   
<header id="header" class="affix navbar navbar-static" data-spy="affix" role="banner">
//...
</header><!--/#header-->

在我的页脚中我这样做：

<SCRIPT type="text/javascript">
$(document).ready(function(){


$('#header').affix({
      offset: {
        top: $('#logohead').height()
      }
}); 

    $(window).scroll(function(){
    if ($(document).scrollTop() > 100) {
        $('#header').addClass('shrink');
    } else {
        $('#header').removeClass('shrink');
    }    
    });
});

</SCRIPT>

我想调整标题中的 logotext 的大小。徽标图片位于#logohead 中。 我的问题是某些页面大小的页面跳转。如果有特殊尺寸的浏览器，一些页面开始跳转，我的脚本不工作。有解决办法吗？

编辑： http://jsfiddle.net/am59aakg/1/

以为我找到了解决方案： 它减少了跳跃，但仍然不完美。

刚刚添加

.affix + .container {
    padding-top:50px
}

但是没有

Answer 1

这使它工作......或多或少......：

.affix + div {
    margin-top:80px;
}
.affix + .page-header {
    margin-top:100px;
}

第一次尝试是（不工作）：

`.affix + .container {
    padding-top:50px
}`