Selam,
Scroll bar sorununu, nav.ustmenu öğesine overflow-y: auto ekleyerek ve menü içeriğinin ekran yüksekliğini aşmamasını sağlayarak çözebilirsiniz:

nav.ustmenu {
    margin: 0;
    background: white 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 100vh;
    height: 100vh;
    overflow-y: auto; /* Menü içinde kaydırma yapılmasına izin verir */
    display: none;
    z-index: 10;
}

.menu {
    padding-bottom: 2rem; /* Daha iyi kaydırma için alt tarafa biraz boşluk ekleyin */
}

Animasyon için:

nav.ustmenu {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transform: translateX(-100%); /* Başlangıçta ekran dışında */
    opacity: 0;
}

nav.ustmenu.open {
    transform: translateX(0); /* Görünür hale gelir */
    opacity: 1;
}

Animasyonu tetiklemek için open sınıfını ekleyecek ve kaldıracak şekilde değiştirebilirsiniz:

$(document).ready(function(){
    var touch  = $('#touch-menu');
    var menu   = $('.ustmenu');
    var close   = $('.head-close');
    
    $(touch).on('click', function(e) {
        e.preventDefault();
        menu.addClass('open'); // Menüyü göstermek için sınıf ekleyin
    });
    
    $(close).on('click', function(e) {
        e.preventDefault();
        menu.removeClass('open'); // Menüyü gizlemek için sınıfı kaldırın
    });
    
    $(window).resize(function(){
        var w = $(window).width();
        if(w > 767 && menu.hasClass('open')) {
            menu.removeClass('open');
        }
    });
});