Многоуровневое push-меню слишком тяжелое для браузера при изменении размера окна

Question

Когда я сделал многоуровневое меню для мобильных телефонов, я обнаружил, что наличие нескольких уровней за горизонтом y координат с шириной каждого уровня 100% довольно требовательно для браузера при изменении ширины окна.

Я не хочу использовать какой-либо плагин, я просто хочу иметь свой простой код, поэтому у вас есть какие-либо советы о том, как предсказать каждый уровень, скрытый за горизонтом, до того, как он испустится, чтобы браузер не изменил ширину окна в тем временем? Потому что каждый уровень меняет свою ширину из-за своей ширины: 100%.

Уровни также имеют переход, в другом классе.

Так что в основном каждый уровень имеет эту настройку:

#nav-menu, #nav-menu .nav-level {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}

Спасибо