4

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

看这个小提琴（不要让屏幕变大）：

  • 向下滚动到设置词缀的程度
  • 滚动回到顶部
    ==> 工作（黄色边距MENU ITEM已恢复）：

描述

然后执行以下操作：

  • 滚动到底部以添加一些文本
  • 向上滚动
    ==>MENU ITEM保持蜂鸣affix并粘在顶部：

光盘

有人知道为什么会发生这种情况或我该如何解决？

4

1 回答 1

1

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

参见：BootPly

于 2014-08-17T00:48:09.580 回答