Jquery bootstrap'；在底部时不要向上滚动

我想要一个附加的边栏。滚动时，它会在某些位置上上下移动。问题是，当我在底部，想回到上面时，它会卡在底部，当我在词缀开头的顶部时，它会弹出到顶部。下面是一些代码：

CSS

HTML

这是帕吉娜遇到所有项目的时候。在侧边栏和侧边栏中有一段文字

多内克在奥迪奥元素。前庭长尾涡直径。Phasellus id ante pharetra，Curus purus venenatis，tempus lacus。库拉比图尔·阿莱芬德·洛雷姆。佩伦特斯·埃拉特·胡斯托，乌尔特里斯·奎斯·米伊，封建帝国的智者。这是一个很好的例子

Lorem ipsum dolor sit amet，是一位杰出的献身者。Nunc和congue velit。维瓦摩斯·埃吉特·莱克图斯·阿库。Donec eu porttitor erat。潜力悬钩子。前庭显贵利奥·卢克图斯·尼布·埃格斯塔斯（leo luctus nibh egestas），nec blandit tortor feugiat。奥纳雷维利特广场。怀孕的阿利奎姆·梅特斯·维利特，在佩伦特斯·米亚库利斯。金樱子

您好，您找到解决方案了吗？我的网页中现在有相同的问题，请访问此链接：

.aside-affix{
    background:#eeeeee;
    padding:15px;
    width:500px; 

    z-index:74; 
}
.affix{
    margin-right: 24px; 
            margin-top:15px;
}
.affix-bottom{
    position: absolute;
    margin-right:19px;
    right:0;
}
.affix-top{
    margin-right:19px;
    right:0;
}

<div class="col-sm-4 col" id="scrollspy">
    <aside class="aside-affix affix" data-spy="affix" data-offset-top="490" data-offset-bottom="818" id="affix">
        <p>Dit is een pagina met alle projecten. Deze tekst verschijnt in de sidebar aan de rechterkant.</p>
        <p>Donec at elementum odio. Vestibulum eleifend turpis diam. Phasellus id ante pharetra, cursus purus venenatis, tempus lacus. Curabitur a eleifend lorem. Pellentesque erat justo, ultrices quis mi id, feugiat imperdiet sapien. Ut aliquet orci urna, convallis fringilla risus pharetra ut.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et congue velit. Vivamus eget lectus arcu. Donec eu porttitor erat. Suspendisse potenti. Vestibulum dignissim leo luctus nibh egestas, nec blandit tortor feugiat. Praesent at ornare velit. Aliquam gravida metus velit, in pellentesque mi iaculis sed. Ut rutrum semper elementum.</p>
    </aside>
</div>