в моем угловом приложении одной страницы у меня есть следующие Navbar:Как предотвратить самозагрузки Navbar от прокрутки с остальной частью страницы
<nav class="navbar">
<div class="navbar-inner">
<div class="container">
<!--<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">-->
<a class="btn btn-navbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse">
<ul class="nav">
<li class="dropdown">
<a href="#/">Home</a>
</li>
<li class="dropdown">
<a href="" data-toggle="dropdown">Customer Instances <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#/itarList">iTAR</a></li>
<li class="divider"></li>
<li><a href="#/nonItarList">Non-iTAR</a></li>
</ul>
</li>
<li class="dropdown">
<a href="" class="dropdown-toggle" data-toggle="dropdown">Training & Documentation <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#/videoTutorials">Video Tutorials</a></li>
<li><a href="#/taskBasedHelp">Task-Based Help</a></li>
<li class="divider"></li>
<li><a href="#/documentTemplates">Document Templates</a></li>
<li><a href="#/artifactSamples">Artifact Samples</a></li>
</ul>
</li>
<li class="dropdown">
<a href="" class="dropdown-toggle" data-toggle="dropdown">Service Requests <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#/viewExistingRequests">View Existing Requests</a></li>
<li class="divider"></li>
<li><a href="#/enterNewRequest">Enter New Request</a></li>
</ul>
</li>
<li class="dropdown">
<a href="" class="dropdown-toggle" data-toggle="dropdown">Development Tracker <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#/viewBacklogItems">View Backlog Items</a></li>
<li><a href="#/viewFeatureReleaseSchedule">View Feature Release Schedule</a></li>
<li class="divider"></li>
<li><a href="#/viewListOfSuggestedEnhancements">View List Of Suggested Enhancements</a></li>
<li><a href="#/suggetAnEnhancement">Suggest An Enhancement</a></li>
<li class="divider"></li>
<li><a href="#/viewActiveBugReports">View Active Bug Reports</a></li>
<li><a href="#/reportABug">Report A Bug</a></li>
</ul>
</li>
</ul>
<ul class="nav pull-right">
<li class="divider-vertical"></li>
<li class="dropdown">
<a href="" class="dropdown-toggle" data-toggle="dropdown">Site Administration <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#/userAdministration">User Administration</a></li>
<li class="divider"></li>
<li><a href="#/instanceAdministration">Instance Administration</a></li>
<li class="divider"></li>
<li><a href="#/applicationAdministration">Application Administration</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</nav>
Мне нужно, чтобы предотвратить это Navbar от прокрутки с остальной частью страницы. Когда я пытаюсь добавить атрибут класса navbar-fixed-top в самый верхний элемент, я получаю желаемый результат, но мой правый навигационный элемент (Администрирование сайта) смещается вниз (или обертывается) делая весь навигатор вдвое больше высоты. Есть ли способ достичь этой безвибрационной навигационной панели без какого-либо побочного эффекта?
Это именно то, что нужно. Благодаря! –