javascript - 首次打开时 YUI 菜单渲染低于 "fold"

Question

我在屏幕的底部导航栏上有一个 YUI 菜单，它在它下面创建了一个大的空白区域，如果可见，将在其中呈现操作列表...

在第一次点击时，菜单将呈现在需要用户滚动才能看到它的空白区域...但是在第二次点击时，它会向上绘制(理想情况下)，这样用户就不必滚动才能看到菜单...第二次单击也会消除那 block 空白...

我发现在 div 中添加一种 display:none 样式会消除空白...但是 YUI 没有将显示设置为阻塞，据我所知应该...所以我写了另一个方法会手动执行此操作...但会发生相同的行为，菜单首先呈现在折叠下方，要求用户滚动...。第二次它工作正常...某些原因无法正确计算顶部/左侧位置第一次点击，我似乎无法弄清楚为什么

Answer 1

好的，所以我通过简单地向包含具有以下属性的菜单的 div 添加样式来修复它。

    position: absolute;
    left:0px;
    top:0px;

这样它将在屏幕的左上角绘制 div，那里总是有内容，因此不会产生空白。空白被创建是因为 YUI 使用 visibility:hidden 而不是 display:none