2

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

在第一次单击时，菜单将呈现在需要用户滚动才能看到的空白区域中……在第二次单击时，它将向上绘制（理想情况下），这样用户就不必滚动查看菜单。 ..第二次点击也杀死了那块空白......

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

4

2 回答 2

1

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

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

这样，它将在屏幕的左上角绘制 div，那里总是有内容，因此不会创建空白。正在创建空白是因为 YUI 使用可见性：隐藏而不是显示：无

于 2010-03-23T00:07:19.763 回答
0

您是否尝试过使用constraintoviewport菜单配置选项的属性（在 中搜索YUI.widget.Menu）：

（继承自 YAHOO.widget.Overlay。）布尔值，指示菜单是否会尝试保持在视口大小的边界内。此属性仅在“位置”配置属性设置为动态并自动应用于所有子菜单时应用。

如果您正在使用YUI.widget.Button，我相信您可以获得Overlay对该对象的属性的引用并设置constraintoviewport为true这种方式。

于 2010-03-22T23:01:43.637 回答