html - Pushy 菜单固定在顶部

Question

在此page Pushy Menu正在被使用。我希望它固定在顶部。在 Pushy 的 css 中它有 css `位置:固定；和顶部:0；默认情况下，但当您向下滚动时它不会将菜单保持在顶部，并且当您向下滚动时菜单会消失。我该如何解决这个问题？

/* Menu Appearance */
.pushy {
 position: fixed;
 width: 250px;
 height: 100%;
 top: 0;
 z-index: 9999;
 background: rgb(4, 147, 189); /* wasVery dark grey #191918 */
 overflow: auto;
 visibility: hidden;
 -webkit-overflow-scrolling: touch;
 /* enables momentum scrolling in iOS overflow elements */
}

Answer 1

       <style>
       /* Menu Appearance */
       .pushy {
       /* position: fixed;*/
        width: 250px;
        height: 100%;
        top: 0;
        z-index: 9999;
        background: rgb(4, 147, 189); /* wasVery dark grey #191918 */
        overflow: auto;
        visibility: hidden;
        -webkit-overflow-scrolling: touch;
        /* enables momentum scrolling in iOS overflow elements */
       }
       .fix{
         position: fixed;
         }
         </style> 
    <script>
         $(window).scroll(function(){

           var scroll = $(window).scrollTop();
            if (scroll >= 50)
            {
                $('.pushy').addClass('fix');
            }
            else {
                $('.pushy').removeClass('fix');
            }
        });
</script>