将更多内容加载到页面后，Bootstrap Affix无法正常工作

Question

我有一个使用Bootstrap 3.2的Web应用程序和一个启用了Affix的菜单。这在大多数情况下都可以正常工作，除了一个： 我有一个图像库页面，当用户向下滚动时，“动态”加载图像 - 一旦添加任何图像，词缀就会中断，并且在滚动回到顶部时不会将菜单恢复为affix-top。

请参阅THIS小提琴（不要让屏幕变大）：

• 滚动就像设置词缀一样多
• 滚动回到顶部
  ==＆GT;工作（恢复MENU ITEM的黄色边距）：

然后执行以下操作：

• 滚动到底部，以便添加一些文字
• 向后滚动
  ==＆GT; MENU ITEM继续affix编辑并坚持到顶部：

是否有人知道为什么会这样或我如何解决？

Answer 1

$(window).unbind('scroll');导致了这个问题，因为Bootstrap实现可能依赖于滚动侦听器。相反，将滚动侦听器变为变量并使用$(window).off('scroll', scrollListener)仅删除该侦听器。

请参阅：BootPly