相对定位下拉菜单

Question

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

此外，如果您想查看实际网站，here's是演示的链接。

任何帮助都将不胜感激。

谢谢！

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

Answer 1

您的容器是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();
    }
    ...
}

希望这对您来说已经足够了。享受并祝你好运！