jQuery - scrollTop da un elemento

[VinzClortho]

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.

$(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:

$(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

[lucavizzi]

$(window).scroll(function() {
    var windscroll = $(window).scrollTop();
  //distanza del div.descrizione dal top del documento
    var description_top = $('.descrizione').offset().top;
  //quantità di scroll, in px, per raggiungere la fine del documento
  var max_scroll_amount=$(document).height() - $(window).height();
  
    if (windscroll>=description_top+600) {
        $('.nav-int').css("opacity","1");
    } else {
        $('.nav-int').css("opacity","0");
    }
  
  if(windscroll>=max_scroll_amount-500){
        $('.nav-int').css("display","none");
    } else {
        $('.nav-int').css("display","block");
  }
});

Il codice è commentato.