jquery - 要素がウィンドウ追加クラスを超えています

Question

ネストされたリストが可視性に設定された順序付けられていないリストから形成されたメニューがあります。非表示にしてから、ホバー時に表示します。

メニューは動的であるため、どれがウィンドウの端に近いかを予測できません。ドロップダウンが端の近くで呼び出されると、スクロールバーがウィンドウの境界を超えて表示されます。これが発生した場合に必要なのは、クラスを追加できることです。

どんな助けでもありがたく受け取られます。

編集：この問題の簡単なフィドルを行った jsfiddle.net/TP8v9

Answer 1

使用する：

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

JSフィドルの例

Answer 2

mouseover イベントがトリガーされると、表示されるドロップダウンの幅と位置を確認し、それがウィンドウの幅を超えているかどうかを確認できます。

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