Smoother scrolling nav bar

This commit is contained in:
Graham Triggs 2017-09-23 00:11:29 +01:00
parent 8855405881
commit 765ea4a1a1
2 changed files with 26 additions and 22 deletions

View file

@ -18,6 +18,8 @@ var i18nStrings = {
<script src="${urls.theme}/bootstrap/js/bootstrap.min.js"></script> <script src="${urls.theme}/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function(){ $(document).ready(function(){
$('#nav-wrapper').height($("#nav").height());
$('#nav').affix({ $('#nav').affix({
offset: { offset: {
top: $('header').height() top: $('header').height()

View file

@ -1,6 +1,7 @@
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ --> <#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
<div id="nav"> <div id="nav-wrapper">
<div id="nav" data-spy="affix">
<div class="container"> <div class="container">
<nav class="navbar navbar-default"> <nav class="navbar navbar-default">
<p class="navbar-text visible-xs-inline-block">Menu</p> <p class="navbar-text visible-xs-inline-block">Menu</p>
@ -24,3 +25,4 @@
</nav> </nav>
</div> </div>
</div> </div>
</div>