1

我正在为一家公司建立一个网站，并且很难定位。我希望下拉菜单根据它们在屏幕上的位置向左或向右定位。这是当前发生的情况的屏幕截图：link

此外，如果您想查看实时站点，这里是演示的链接。

任何帮助，将不胜感激。

谢谢！

编辑：不要抛出另一个令人困惑的元素，但这个特定的站点是响应式的。当我进入 Ipad 大小的屏幕时，问题变得更糟。

4

1 回答 1

0

你的容器是960px. 下拉菜单有一个auto宽度，因此您需要估计每个菜单的宽度（比如说200px）。

现在，您可以使用document.body.offsetWidth来确定浏览器窗口的宽度。这就是我的建议：

function on_hover() {
    ...
    dropdown_width = 200;
    container_width = 960;
    if (document.body.offsetWidth < container_width + dropdown_width) {
        dropdown_from_left();
    } else {
        dropdown_from_right();
    }
    ...
}

希望这足以让您开始。享受和好运！

于 2012-07-17T17:32:32.807 回答