如何在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>

有關更多信息，請遵循以下說明：

• 使用Bootstrap創建固定元素
• 了解Bootstrap的Affix和ScrollSpy插件