Javascript 使用Angular.js和CSS获得一些与UI相关的问题

我有一个问题。我的页面中有一个导航栏。当我访问每个菜单时，导航栏都在晃动。让我在下面解释我的代码

  <ul class="nav navbar-nav">
    <li ui-sref-active="active"><a ui-sref="dashboard">Home</a></li>
    <li ui-sref-active="active" ><a ui-sref=".profile">College Profile</a></li> 
    <li  ng-class="{'active open': $state.includes('dashboard.res')}">
    <a ui-sref="dashboard.res.userrole">Resource Management</a>

    </li>
    <li ng-class="{'active open': $state.includes('dashboard.deptmanagement')}"><a ui-sref="dashboard.deptmanagement.stream" >Department Management</a></li>
    <li ng-class="{'active open': $state.includes('dashboard.user')}"><a ui-sref="dashboard.user.usermanagement">User Management</a></li>
    <li ng-class="{'active open': $state.includes('dashboard.plan')}"><a ui-sref="dashboard.plan.timetable">Plan Management</a></li>
    </ul>
<div class="row" style="padding-top:120px;"  ui-view>
</div>

主页
学院简介

资源管理

部门管理
用户管理
计划管理

---

在这里，我上面的每个菜单都包含一些表单和CRUD操作。当用户单击每个菜单时，此栏会左右轻微晃动。在这里，我需要当用户单击任何菜单时，它会像那样发生，这意味着菜单栏将保持不变。请帮助我解决此问题

根据您的陈述，我的建议是“当用户点击每个菜单时，此栏会左右轻微晃动。”

您需要将
导航条形码移至、移出。

范例

<ul class="nav navbar-nav">
<li ui-sref-active="active"><a ui-sref="dashboard">Home</a></li>
<li ui-sref-active="active" ><a ui-sref=".profile">College Profile</a></li> 
<li ng-class="{'active open': $state.includes('dashboard.res')}"><a ui-sref="dashboard.res.userrole">Resource Management</a></li>
<li ng-class="{'active open': $state.includes('dashboard.deptmanagement')}"><a ui-sref="dashboard.deptmanagement.stream" >Department Management</a></li>
<li ng-class="{'active open': $state.includes('dashboard.user')}"><a ui-sref="dashboard.user.usermanagement">User Management</a></li>
<li ng-class="{'active open': $state.includes('dashboard.plan')}"><a ui-sref="dashboard.plan.timetable">Plan Management</a></li>
</ul>

<div ui-view></div>

主页
学院简介
资源管理
部门管理
用户管理
计划管理

需要更多的代码。你能在codepen上建立一个例子吗？与htmlMore分享你的css吗？在这里添加所有东西太难了。你能添加一个类来防止这个问题吗？我不清楚你的答案。无论我发布了什么代码，这些都只是导航条形码。页面的其他代码也在那里，我没有发布。所以总数是多少带有导航条的页面在

中呈现。是的，因此您的总页面代码（包括导航条代码）位于。问题来了，当您从一个url移动到另一个url时，每次重写内容时，

navbar也会重写，这就是原因，您会看到轻微的抖动。因此，如果您将
导航条码移动到（out of）上方，则只有页面代码将插入，并且
导航条码不会重新呈现（这样您就不会看到抖动）。否，
导航栏不会每次都重写。在这个页面中，我还有一个页面，在单击每个菜单后包含相应的页面，这些页面没有任何ul导航栏，只有表单。最后，此总页面呈现根目录。在这种情况下，需要更多描述/代码，如上述用户在其评论中所要求。请再次查看我的帖子。所有菜单页面都在给定的

ui视图中，并且所有菜单页面都没有任何
导航栏。这些页面只有表单和列表。
<ul class="nav navbar-nav">
<li ui-sref-active="active"><a ui-sref="dashboard">Home</a></li>
<li ui-sref-active="active" ><a ui-sref=".profile">College Profile</a></li> 
<li ng-class="{'active open': $state.includes('dashboard.res')}"><a ui-sref="dashboard.res.userrole">Resource Management</a></li>
<li ng-class="{'active open': $state.includes('dashboard.deptmanagement')}"><a ui-sref="dashboard.deptmanagement.stream" >Department Management</a></li>
<li ng-class="{'active open': $state.includes('dashboard.user')}"><a ui-sref="dashboard.user.usermanagement">User Management</a></li>
<li ng-class="{'active open': $state.includes('dashboard.plan')}"><a ui-sref="dashboard.plan.timetable">Plan Management</a></li>
</ul>

<div ui-view></div>