Bootstrap：使顶部导航菜单栏自动隐藏

首先确保使用 Bootstrap 前端框架。

下载插件 jquery.bootstrap-autohidingnavbar.min.js ：http://www.htmleaf.com/jQuery/Menu-Navigation/201804265092.html

菜单栏属性引入 navbar-fixed-top，如：

<nav class="navbar navbar-default navbar-fixed-top">
...
</nav>

最后加上：

<script src="{% static 'js/jquery.bootstrap-autohidingnavbar.min.js' %}"></script>
<script>
    $("nav.navbar.navbar-fixed-top").autoHidingNavbar();
</script>

完成！