當我在手機上滾動時，熱狗菜單關閉。 需要它保持開放

Question

這是javascript。 我認為這與調整窗口大小有關。 當我嘗試在移動設備上滾動至菜單中的更多項目時，菜單會折疊。 任何幫助將不勝感激。

jQuery(document).ready(function($){

    $(window).scroll(function(){
        var windowWidth = $(window).width();
        if(windowWidth > 768 ){
            if($(window).scrollTop() > 65){
                $('.sm-logo').slideDown();
            }else{
                $('.sm-logo').slideUp();
            }   
        }else{
            $('.sm-logo').slideUp();
        }
    });

    $(window).on('resize',function(){

        var windowWidth = $(window).width();
        console.log(windowWidth);
        if(windowWidth < 768 ){

            $('nav ul').slideUp();
            $('.hamburger').removeClass('open').addClass('closed');
        }else{

            $('.hamburger').removeClass('closed').addClass('open');
            $('nav ul').slideDown();


        }
    });
    $(document).on('click','.hamburger', function(){
        $(this).toggleClass('open closed');
        $('nav ul').slideToggle();
    });


});

Answer 1

如果沒有可用的示例，很難准確說明發生了什么，再加上我在移動設備上，但是在您的on resize功能中，如果屏幕小於768 px，它會向上滑動導航欄。

該向上滑動方法不應該存在。

$（'nav ul'）。slideUp（）;

也許實際上是反轉了向上滑動和向下滑動的方法，請嘗試交換它們。