如何在Bootstrap中制作粘性侧边栏?

时间:2016-06-05 18:51:13

标签: javascript jquery html css twitter-bootstrap

如何制作像这样的粘性侧边栏,cpmta.org,但是使用Bootstrap?我正在努力做到这一点......

1 个答案:

答案 0 :(得分:5)

它已经存在于Bootstrap中,它被称为Bootstrap Affix。这是代码:

<script type="text/javascript">
$(document).ready(function () {
    $("#myNav").affix({
        offset: { 
            bottom: 195 
        }
    });
});
</script>

您也可以添加data-spy

<ul class="nav nav-tabs nav-stacked" data-spy="affix" data-offset-top="195">
    <li class="active"><a href="#one">Section One</a></li>
    <li><a href="#two">Section Two</a></li>
    <li><a href="#three">Section Three</a></li>
</ul>

有关详细信息,请按照以下说明操作: