Question

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

我的代码是

$('.nav li').hover(function() {
$(this).find('ul').css('display', 'block');
}, function() {
$(this).find('ul').css('display', 'none');
});

我想要的是下图的效果 下面的一级会自动从底部对齐, 二级菜单不会超出显示器的显示
不好意思，百度知道出问题 这个提问重发了几条

Answer 1

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

追问

追答

这个就需要js判断了，小米官网的左侧导航就是这个样子的，我自己也试着写过一个，下面我说下思路，获取B的底部距离顶部的距离和鼠标划过的A里面的标签（如-aaaaaa）的底部距离顶部的距离。然后做差值【如果A-B>0那就正常的用定位显示显示就行了，如果A-B<0，那么定位的时候就需要考虑用top:-(A-B)】，你自己根据这个思路写一下吧，或者看一下小米那个是怎么写的，不过他的那个有好多ajax代码，不容易看，还容易被误导，建议通过我给你的思路去写。

Answer 2

这种问题 是需要利用样式解决的啊