Voisiko joku vääntää rautalangasta miten tuota Affixia käytetään...? Jostain syystä navigointilaatikko hyppää muun sisällön alle sekä sivun vasempaan laitaan rullattaessa sivua alaspäin. http://aijaa.com/xozl9B
<!-- NAVIGOINTI --> <div class="container" data-spy="affix" data-offset-top="80"> <div class="row"> <div class="col-sm-12 navilaatikko"> <nav class="navbar navbar-default navbar-static-top paanavi"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="#">Etusivu</a></li> <li><a href="#">Yritys</a></li> <li><a href="#">Palvelut</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Tuotteet <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">Yrityksille</a></li> <li><a href="#">Kotitalouksille</a></li> <li><a href="#">Linkki</a></li> <li><a href="#">Linkki</a></li> </ul> </li> <li><a href="#">Referenssit</a></li> <li><a href="#">Henkilökunta</a></li> <li><a href="#">Yhteystiedot</a></li> </ul> </div> </div> </nav> </div> </div> </div> <!-- /NAVIGOINTI -->
.affix {
top: 0px;
position: fixed;
})Bootstrapin dokumentaatiossa oli aika paljon ohjeita.
http://getbootstrap.com/javascript/#affix
Sitepointilla taas oli aika kattavan näköinen esimerkki:
http://www.sitepoint.com/understanding-bootstraps-affix-scrollspy-plugins/
Aihe on jo aika vanha, joten et voi enää vastata siihen.