Da forma citada acima, no entanto o código JS ficaria assim:
$("document").ready(function($){
var nav = $('#retangulo');
$(window).scroll(function () {
/* Caso a barra de rolagem seja maior do que 60 e menor do que 800, irá adicionar ao elemento a classe que irá fixa-lo */
if ($(this).scrollTop() > 60 && $(this).scrollTop() < 800) {
nav.addClass("fix-nav-menu");
}
/* Caso a barra de rolagem seja maior do que 800, irá adicionar ao elemento a classe que irá torna-lo absoluto, e irá alterar o posicionamento superior para 800px */
else if ($(this).scrollTop() > 800) {
nav.removeClass("fix-nav-menu");
nav.addClass("stop-nav-menu");
}
/* Caso nenhuma das expressões acima sejam verdadeiras, o elemento voltará ao seu estado normal */
else {
nav.removeClass("fix-nav-menu");
nav.removeClass("stop-nav-menu");
}
});
});
Também não testei, mas veja se funciona.
Abraços.