JQuery - Как определить, скрываются ли элементы из-за переполнения: hidden; контейнер?

У меня есть эта проблема, и я все еще на концептуальном уровне понимания, как мы можем определить, находится ли данный элемент за пределами контейнера (контейнер с объявленным свойством overflow: hidden);

Вот контекст того, что мы хотим:

Давайте представим, что мы наводим курсор мыши на элемент 3:

Обычно у нас есть:

item 1
item 2
item 3 - sub 3.1
       - sub 3.2

Таким образом, подпрограмма 3.2 будет вне потока и не будет видна, ИЛИ (если мы используем clearfix в контейнере вместо переполнения), он будет выпадать поверх другого содержимого страницы), чтобы решить эту проблему, мы думаем, что это лучшее решение, опять же, предположим, что мы наводим курсор мыши на элемент 3:

item 1
item 2 - sub 3.1
item 3 - sub 3.2

Для этого, возможно, нам следует определить, находится ли элемент вне потока, и, если это его, подтолкнуть все вверх на X пикселей;

Если это хороший подход для решения этой проблемы, как мы можем определить, не попал ли элемент в поток?

Если это не лучший подход, не могли бы вы предложить другой?

ps - мы используем superfish в качестве решения для меню jquery.