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 サブメニューが画面から外れないようにして、静止したままにしたい。tmall.comのように見える

Answer 1

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

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