javascript - 如何在 Bootstrap 中制作粘性侧边栏？

Question

如何使用 Bootstrap 制作像 cpmta.org 这样的粘性侧边栏？我很难做到这一点......

Answer 1

它已经存在于 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>

如需了解更多信息，请按照以下说明进行操作:

• Creating Pinned Element with Bootstrap
• Understanding Bootstrap’s Affix and ScrollSpy plugins