嵌套的菜单栏显示

我有一个嵌套菜单栏的问题。当浏览器启动或调整大小时，如何让它始终显示在屏幕上？嵌套的菜单栏显示

$('.item').mouseover(function(){ 
     var ul=$(this).children('ul'); 
     ul.css("visibility","visible"); 
     var heigh=$(window).height()-ul.offset().top; 

     if(heigh < 600){ 
      ul.offset({ top: heigh-500}); 
     } 
    });

jsfiddle.net/srontopekok/qJR4n/3我想在子菜单中未关闭屏幕的底部，并保持不动。看起来像tmall.com

来源

2013-01-20 Alfado Puja Kusuma

你想永远显示这个菜单，因为它出现'mouseover'时？ –

作为一个方面说明，你的代码中有多个错误，而使用'heigh'而不是'height'。先尝试修复这个问题，同时也发布你的HTML和菜单样式。 – DigTheDoug

//trigger immediately 
$('.item').trigger('mouseover'); 

//trigger on resize 
$(window).on('resize', function() { $('.item').trigger('mouseover'); });

来源

2013-01-20 17:06:47

http://jsfiddle.net/srontopekok/qJR4n/3/ 我想让子菜单不在屏幕底部并保持不动。看起来像tmall.com –

嵌套的菜单栏显示

回答

相关问题