Javascript 自举&x2B;粘贴:粘贴的菜单跳出屏幕

Javascript 自举&x2B;粘贴:粘贴的菜单跳出屏幕,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我试图用Bootstrap的affix.js创建一个简单的示例 但是,问题是,我尝试粘贴的项目在从粘贴顶部切换到粘贴时,会以负的顶部跳出屏幕。它永远不会从那里恢复过来 我设置了一个小JSFIDLE,它说明了这个问题: 我已经在另一个项目上成功地完成了这项工作,但我实在搞不清楚这里到底发生了什么。当我再多玩一点的时候,我意识到当我将位置:相对添加到。粘贴顶部时,它就起作用了。我想如果没有它,javascript就不知道在哪里“锚定”元素,并将其推出屏幕。我已经相应地更新了小提琴

我试图用Bootstrap的affix.js创建一个简单的示例

但是,问题是,我尝试粘贴的项目在从
粘贴顶部
切换到
粘贴
时,会以负的
顶部
跳出屏幕。它永远不会从那里恢复过来

我设置了一个小JSFIDLE,它说明了这个问题:


我已经在另一个项目上成功地完成了这项工作,但我实在搞不清楚这里到底发生了什么。

当我再多玩一点的时候,我意识到当我将
位置:相对
添加到
。粘贴顶部
时,它就起作用了。我想如果没有它,javascript就不知道在哪里“锚定”元素,并将其推出屏幕。我已经相应地更新了小提琴