bootstrap词缀在底部不会向上滚动

时间:2015-03-02 09:39:37

标签: jquery html css twitter-bootstrap affix

我想要一个附加的侧边栏。滚动时,它会在某些位置上下移动。问题在于,当我处于最底层并希望重新上升时,它会停留在底部并且当我位于词缀开头的顶部时弹出顶部。这里有一些代码:

CSS

.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;
}

HTML

<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>

0 个答案:

没有答案