javascript - 如何判断子窗口在父窗口中的位置，做出类似于天猫超市风格的二级菜单?

Question

这是二级菜单窗口高度未达到父级底部时的样子

这是二级菜单窗口高度达到父级底部了

如何判断二级菜单是否达到父级的底部？

大概思路是有的，但是还是比较模糊，
请大神们教教我～感激感激！

Answer 1

你看下它的源码就可以大致了解做的思路

控制这个category的代码在 链接描述
格式化后在1631行上下

二级菜单在后三项的高度是不变的，所以后三项的top 和 第4项的top一致

top: Math.min(3, n) * (t.height(i) + 1)

而n就是每个li的序号

var n = parseInt(t.attr(d, "data-idx"), 10)

Answer 2

这个不一定是判断到没到底部，前四个是和hover的那个菜单对齐lt(4)，后面4个菜单hover然后都显示到底部gt(3)，并不和菜单对齐显示。