我有一个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本身应该可以正常工作。
所以知道为什么会这样吗?
感谢。