Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS&;Jquery下拉菜单:第三级';通行证';在窗户的右边_Jquery_Css_Drop Down Menu - Fatal编程技术网

CSS&;Jquery下拉菜单:第三级';通行证';在窗户的右边

CSS&;Jquery下拉菜单:第三级';通行证';在窗户的右边,jquery,css,drop-down-menu,Jquery,Css,Drop Down Menu,我对下拉菜单的第三级有问题,当您将鼠标悬停在文档窗口的父窗口上时,它会“越过”文档窗口的右边缘。如果您将鼠标悬停在“帐户”->“管理”上,您可以查看此处以了解我的意思 我想让第三层在“自动检测”窗口边缘的末端时“浮动”到其父层的左侧,所以布局应该是这样的 我通过手动放置一个类来更改第三级的位置,然后将其左位置调整为左:-102%;在css中 在实际情况下,我无法手动放入该类,因此我想我必须使用Jquery来帮助我“自动检测”,然后添加特定的类来调整位置 可能吗?有什么想法和提示吗 谢谢, 刘

我对下拉菜单的第三级有问题,当您将鼠标悬停在文档窗口的父窗口上时,它会“越过”文档窗口的右边缘。如果您将鼠标悬停在“帐户”->“管理”上,您可以查看此处以了解我的意思

我想让第三层在“自动检测”窗口边缘的末端时“浮动”到其父层的左侧,所以布局应该是这样的

我通过手动放置一个类来更改第三级的位置,然后将其左位置调整为左:-102%;在css中

在实际情况下,我无法手动放入该类,因此我想我必须使用Jquery来帮助我“自动检测”,然后添加特定的类来调整位置

可能吗?有什么想法和提示吗

谢谢, 刘

这有帮助吗

$("#menu>ul>ul>li").each(function() {
  pos = $(this).offset();
  if(pos.left > $(window).width()+window.pageXOffset-$(this).width()) {
    pos.left -= $(this).width();
  }
  $(this).offset(pos);
});


非常感谢你!稍加修改后,它就可以与上面的代码完美配合!:-)
$("#menu>ul>ul>li").each(function() {
  pos = $(this).offset();
  if(pos.left > $(window).width()+window.pageXOffset-$(this).width()) {
    $(this).addClass("overpass");
  }
});