CSS，侧边栏从我的浏览器窗口中消失了吗？

Question

我正在将AngularJS与CSS和HTML结合使用；我有一个带有两个级别的侧边栏：当我单击一个项目时，它显示其他项目。 问题是，当我单击某个项目时，侧边栏会自行展开，并在侧边栏的末尾隐藏该项目。如何展开Window以显示所有项目？

这是我的HTML：

<div class="sidebar-nav navbar-collapse">
    <ul class="nav in" id="side-menu">

        <li ng-repeat="value in sidebarList.lists" ng-class="{active: collapseVar==value.num}">
            <a href="" ng-click="check(value.num)"><i class="fa {{value.icon}} fa-fw"></i>
                {{value.title}}<span
                        class="fa arrow"></span></a>
            <ul class="nav nav-second-level" collapse="collapseVar!={{value.num}}" ng-repeat="var in value.item">
                <li ui-sref-active="active">
                    <a ui-sref={{var.state}} ng-if ="var.nome !== 'Help'">{{var.nome}}</a>
                    <a href="../../../guida.html" target = "_blank" ng-click="" ng-if = "var.nome === 'Help'">{{var.nome}}</a>
                </li>
            </ul>

            <!-- /.nav-second-level -->
        </li>
    </ul>

</div>
<!-- /.sidebar-collapse -->

这是我的CSS：

@media (min-width: 768px) {
       .sidebar {
        z-index: 1;
        position: absolute;
        width: 250px;
        margin-top: 51px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}