如何在bootstrap主题中创建固定滚动侧边栏

Question

我有一个引导主题，它提供了一个修复左侧导航栏的选项，导航上有一个单独的滚动条，但只有当我从设置和修复侧边栏中选择它时，该选项才会激活....如果我想要的话页面加载时默认修复侧边栏

我已经通过chrome中的inspect元素检查了主题的CSS和Javascript，并尝试将其应用到我的代码中但不按我想要的方式工作。

这是我发现的代码：

<div class="setings-item">

    <span>
        Fixed sidebar
    </span>

    <div class="switch">
        <div class="onoffswitch">
            <input type="checkbox" name="fixedsidebar" class="onoffswitch-checkbox" id="fixedsidebar">
            <label class="onoffswitch-label" for="fixedsidebar">
                <span class="onoffswitch-inner"></span>
                <span class="onoffswitch-switch"></span>
            </label>
        </div>
    </div>
</div>

    // Enable/disable fixed sidebar
$('#fixedsidebar').click(function () {
    if ($('#fixedsidebar').is(':checked')) {
        $("body").addClass('fixed-sidebar');
        $('.sidebar-collapse').slimScroll({
            height: 'auto',
            railOpacity: 0.9,
        });
    } else {
        $('.sidebar-collapse').slimscroll({destroy: true});
        $('.sidebar-collapse').attr('style', '');
        $("body").removeClass('fixed-sidebar');
    }
});