Question

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

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

感谢任何帮助。

编辑：刚刚完成了这个问题的简要介绍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
        */
    }
});

元素超出窗口添加类

3 个答案: