Cześć, robię sobie sticky navMenu na zasadzie prostego cssa :
position: fixed;
top: 0;
Działa to fajnie w połączeniu z małym paddingiem / maginem nastepnej sekcji od góry. Problem pojawił się gdy zechciałem dodawać do niego rozwijane elementy menu. Chcąc skorzystać z prostego dropDowna :
<ul class="nav navbar-nav navbar-right">
<li class="dropdown navSeparatorLeft">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Konto @Context.User.Identity.Name <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
</ul>
</li>
<li class="navSeparatorLeft navSeparatorRight navFont"><a href="javascript:document.getElementById('logoutForm').submit()">Wyloguj</a></li>
</ul>
Jak oceniacie to rozwiązanie?
Może komuś się przyda :)
Przy okazji zapytam, jak rozwiązać problem kompatybilności navbara z rozdzielczością? Mam takie pomysły jak np zastosowanie zdjęć zamiast tekstu i ustalenie ich procentowej szerokości w CSS lub zastosowanie jakiejś "inteligętnej czcionki" która przy 1920/1200 będzie zajmować dokładnie tyle samo procentowej szerokości co i na laptopowej 1366 x 768. Jak ktoś ma ciekawy pomysł proszę napisać :)