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

如果没有一个有效的例子，我很难确切地知道发生了什么，加上我在我的移动设备上，但是在你的调整大小功能中，它说要向上滑动导航器屏幕小于768像素。

这种上滑方法不应该存在。

$（＆＃39; nav ul＆＃39;）。slideUp（）;

也许您实际上已经向上滑动并向下滑动方法，尝试交换它们。

当我在移动设备上滚动时，热狗菜单关闭。需要它保持开放

1 个答案: