我遇到嵌套菜单栏的问题。如何在浏览器启动或调整大小时始终显示在屏幕上?
$('.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
答案 0 :(得分:0)
//trigger immediately
$('.item').trigger('mouseover');
//trigger on resize
$(window).on('resize', function () { $('.item').trigger('mouseover'); });