Salve, il codice che riporto qui sotto modifica la propietà css opacity sull'elemento con classe "nav-int" per farlo apparire e scomparire a 600px di scroll sulla parte superiore della finestra.

codice:
$(window).scroll(function() {
    var windscroll = $(window).scrollTop();
    if (windscroll >= 600) {
        $('.nav-int').css("opacity","1");
    } else {
        $('.nav-int').css("opacity","0");
    }
}).scroll();

Vorrei modificarlo per far sì che considerasse 600px di scroll dall'elemento con classe "descrizione". Ho provato il questo modo ma non funziona:

codice:
$(window).scroll(function() {
    var windscroll = $('.descrizione').scrollTop();
    if (windscroll >= 600) {
        $('.nav-int').css("opacity","1");
    } else {
        $('.nav-int').css("opacity","0");
    }
}).scroll();

Vorrei anche inserire una seconda condizione per cui l'elemento con classe ".nav-int" sparisca a 500px dal fondo della pagina (così che non si sovrapponga al footer).

Ogni consiglio è ben accetto. Grazie