首先确保使用 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>