嵌套菜单栏显示

时间:2013-01-20 16:36:26

标签: javascript jquery css

我遇到嵌套菜单栏的问题。如何在浏览器启动或调整大小时始终显示在屏幕上?

$('.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

1 个答案:

答案 0 :(得分:0)

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

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