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

执行此操作

假设您的下拉列表有class =“mobile-menu”，然后将其添加到您的css

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

这将使您的菜单始终保持在左上角。

如果不是left:0;而是right:0;，那么菜单会粘在右上角。

响应式下拉导航问题

1 个答案: