Twitter bootstrap 3 引导程序3导航栏未正确转换

我一直在玩Bootstrap3，试图创建一个导航栏，在滚动过html的初始标题部分后，从顶部开始过渡。我快到了。我已经使用“粘贴”成功地在卷轴后添加导航栏，并且在转换方面也取得了一些成功。但是我仍然有两个（我希望是小问题）

1） 过渡开始得太早。（也就是说，在导航栏进入之前，我没有完全越过我的头球）

2） 过渡不会正确过渡，它只是捕捉，而不是设置动画

以下是我编写的代码：

谁能告诉我哪里出了问题

任何帮助都将不胜感激

谢谢

1） 使用页眉下方的元素将偏移应用于词缀，如容器。或者只是硬编码像素数

offset:{top:100}

$('#nav').affix({
    offset: { top: $('#some-lower-element').offset().top }
});

2） 我想我找到了这个

如果使用

位置：固定
和
顶部：-50
（就在屏幕顶部上方）使导航保持可见（删除
可见性：隐藏
），则向上滚动时
转换仍然有效

#nav{
    position: fixed;
    width: 100%;
    top:-50px;
    transition: top 1s;
    -webkit-transition: top 1s; /* Safari */
}

不确定你是否看到我更新的答案。。。我在里面也加了#2。非常感谢！这解决了我的两个问题。我对代码所做的一个更改是在文档中增加了新元素（#start offset）。我把它放在导航包装内，但在导航下吼叫。这样，一旦“粉色”标题部分离开屏幕，导航栏就会出现。再次感谢你的帮助！