Question

如何让jquery左侧菜单弹出的二级不超出显示范围

我的代码是$('.nav li').hover(function() {$(this).find('ul').css('display', 'block');}, function() {$(this).find('ul').css('display', 'none');});我想要的是下图的效果 下面的一级会自动从底部对齐, 二级菜单不会超出显示器的显示

Answer 1

最简单的方法就是将二级菜单都使用绝对定位， 然后指定好每个二级菜单显示的位置。
但我不建议这么做。可以定义一个容器来专门显示二级菜单。这个容器的高和宽可以根据一级菜单和屏幕宽度来限制。这样，二级菜单都将从顶部对齐。不过很少见有从底部对齐的设计。

Answer 2

首先，你说的这个问题任何代码都没办法解决，因为如果你的二级栏目过多，导致了超出显示器的范围这个是没有办法避免的。
其次，你说的如图的效果，那图在什么地方？有图我才好给你提供解决方案。