javascript - 嵌套菜单栏显示

Question

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

$('.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 我希望子菜单不要离开屏幕到底部并保持静止。长得像天猫

Answer 1

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

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