在窗口视口的边缘保持下拉菜单

Question

我正在为我的项目使用css下拉菜单。菜单有不同的下拉级别。我想将它们保存在我的视口中。这是一个例子：jsFiddle link 如果您调整右下方的屏幕并查看其上的菜单，您将看到它离开视口。我想将它们保存在视口中。它可能处于安全级别。 我刚刚尝试过：

var el = $('ul.nav-menu > li > ul > li > ul')[0];
    $('ul.nav-menu > li > ul > li').hover(function(){
        if(!isElemInViewport(el)){
            el.addClass('move-left');
        }
    }, function(){
    if(!isElemInViewport(el)){
            el.removeClass('move-left');
         }
    })

但它不起作用