css - Bootstrap 词缀 - 徽标不会重新出现

Question

我的代码片段：Bootply

当我向下滚动时，我想隐藏大徽标并显示小徽标。当我再次向上滚动时，我想隐藏小徽标并显示大徽标。

但是当我再次向上滚动时，大标志不会重新出现。相反，只要需要，就会显示小标志。

究竟出了什么问题，我该如何解决它，以便在再次向下和向上滚动时可以在两个徽标之间切换？

它不适用于 Chrome、IE、Safari、Opera。