元素超過窗口添加類

Question

我有一個菜單形式從一個無序列表嵌套列表設置爲可見性：隱藏，然後顯示在懸停。

菜單是動態的，所以我無法預測哪個可能接近窗口的邊緣，當在邊緣附近調用下拉菜單時，滾動條會出現，因爲它會溢出窗口邊界。我需要的是如果發生這種情況，可以添加一個類。

任何幫助將感激地收到。

編輯：剛做完這個問題的簡短小提琴jsfiddle.net/TP8v9

Answer 1

用途：

if ($(document).width() > $(window).width()) { 
    // Overflowing 
} 

Example JS Fiddle

Answer 2

當鼠標懸停事件被觸發，你可以檢查寬度和位置即將出現的下拉列表，並檢查它是否大於窗口的寬度。

Answer 3

嘗試類似這樣的事情。

$(document).ready(function() { 
    if($(document).width() > $(window).width(){ 
     $('#some_element').addClass('some_class') 
     /* Assuming you want to add some_class to some_element 
      if the width document width is more than window's 
      width 
     */ 
    } 
});