相對定位下拉菜單

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(); 
    } 
    ... 
} 

希望這是足以讓你上手。享受和祝你好運！