jquery - 元素超出窗口添加类

Question

我有一个由无序列表组成的菜单，其中嵌套列表设置为可见性：隐藏，然后在悬停时显示。

菜单是动态的，所以我无法预测哪个可能靠近窗口的边缘，当在边缘附近调用下拉菜单时，会出现滚动条，因为它会溢出窗口的边界。如果发生这种情况，我需要的是能够添加一个类。

任何帮助将不胜感激。

编辑：刚刚做了这个问题jsfiddle.net/TP8v9的简短提琴

Answer 1

利用：

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

示例 JS 小提琴

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
        */
    }
});