将导航栏固定到顶部，同时向下滚动到目前为止

只需删除溢出：从你的身体中隐藏并添加这个类

#myTopnav.active
{
    position: fixed;
    width: 100%;
    top: 0;
}

和一些 javascript 代码

<script type="text/javascript">
$(document).ready(function() {
var shrinkHeader = 50;
            $(window).scroll(function() {
              var scroll = getCurrentScroll();
                if ( scroll >= shrinkHeader ) {
                     $('#myTopnav').addClass('active');

                  }
                  else {
                      $('#myTopnav').removeClass('active');
                  }
            });
            function getCurrentScroll() {
            return window.pageYOffset || document.documentElement.scrollTop;
            }

        });
</script>