Question

我在下拉菜单的第三级出现问题，当你将它的父母悬停时，它会“覆盖”文档窗口的右边缘，你可以看看我的意思，如果你将鼠标悬停在帐户' - ＆gt; '管理'，

http://ec-ener.eu/dump/index1.php

我希望第三级“浮动”到它的父级左侧，当它“自动检测”窗口边缘结束时，所以布局就像这样，

http://ec-ener.eu/dump/index2.php

我通过手动放置一个类来改变第三级的位置，然后将其左侧位置调整为左：-102％;在css。

在实际情况中，我无法手动放置该类，因此我认为必须使用Jquery帮助我“自动检测”，然后添加该特定类来调整位置。 / p>

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

谢谢，刘

Answer 1

这有用吗？

$("#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");
  }
});

CSS＆amp; Jquery下拉菜单：窗口右边缘“超越”的第三级

1 个答案: