求助，关于Bootstrap中垂直导航与固定定位配合使用问题？

在本节中【http://www.imooc.com/code/5396（固定定位Affix）】，实例使用的是.nav-tabs .nav-stacked样式，而且在“内部样式表”<style type="text/css">...</style>中自定义了样式。

问题是：如果把实例中的内部样式表去掉，再把.nav-tabs换成.nav-pills，外观稍有差别，但是当移动滚动条时，垂直导航条会出现“跳跃”现象，同时宽度也变窄了，这是为什么？怎么稍加改变来完善它？

tip:亲们可以打开前面的网址，把第8-43行的代码删除，再把<ul>中的nav-tabs换成nav-pills就是我说的情况了。