什么时候把类修改回bootitrap中的affix-top？请帮忙，还在等

Question

我有一个id为rightSideWidget的正确小部件。

var array = [ 3, 1, 4, 5, 9, 2, 6, 8, 7 ];
var len = array.length-1;

function getRandomItem(){
    if (len == 0) return array[0];
    var item = Math.floor(Math.random()*len);
    var x = array[item];
    array[item] = array[len];
    array[len] = x;
    return array[len];
}

document.write("Starting array: " + array + "<br/>");
document.write("Selected value: " + getRandomItem() + "<br/>");
document.write("Resulting array: " + array);

我将我的js设置为：

<div data-spy="affix"  id="rightSideWidget" >
     // Some code here
</div>

这段代码工作正常，当页面加载时，rightSideWidget有一个类affix-top，当它从页面顶部110px时，类从affix-top变为词缀，这是我所期待的。

Please check the video here，请记得向下滚动查看课程更改：

但是当我向上滚动时，rightSideWidget的类词缀在距离页面顶部110px时没有变回到词缀顶部。

我做了什么：

我在控制台上记录了它返回到附加顶部的点，大约55px，please check this video.

我想要的是什么：

我想将rightSideWidget更改回affix-top，确切地说它变成了词缀，在本例中为110px。

我知道如何通过jQuery将rightSideWidge从页面顶部110px手动设置此类，但我认为它并非旨在让人们手动执行此操作，bootstrap affix本身应该可以正常工作。

所以知道为什么会这样吗？

感谢。