响应下拉导航问题

Question

我正在为项目创建下拉导航。一旦设备宽度达到768px，菜单将变为隐藏状态，用户可以点击图标查看链接。但是，一旦用户向上或向下滚动网页，导航就会突然消失。我怎样才能解决这个问题。我已经提供了下面的jQuery代码。

$(document).ready(function(){ 

function checkNav() { 
    if($(document).width() > 768) { 
    $('#navigation ul').show(); 
    }; 
    if($(document).width() < 768) { 
    $('#navigation ul').hide(); 
    }; 
} 
checkNav(); 
$(window).resize(function(){ 
    checkNav(); 
}); 
$('.mobile-menu').click(function(){ 
    $('#navigation ul').stop().slideToggle(); 
}); 

}); 

谢谢！

Answer 1

你需要做到这一点使用CSS

假设你的下拉菜单有类=“移动菜单”，然后添加到您的CSS

.mobile-menu{ 
    position:absolute; 
    left:0; 
    top:0; 
} 

这会让你的菜单始终坚持左上角。

如果不是left:0;你做right:0;然后菜单将坚持右上角。