Scroll colonna non funziona

Sto cercando di rendere la colonna sinistra scroll come quella di Facebook che quando arriva sopra ad un certo punto, si ferma. Ho trovato questo codice, ma ovviamente non so farlo funzionare. I 2 css sono veri e cioè sono quelli originali che ho nel sito. Quello che succede è che non scrolla niente, è come che il codice non ci fosse.

<style>
/* Colonna laterale sx */
.site:before {
	float: left !important; 
	border: 0px solid red;
}

/* Contenitore centrale */
#content { 
	float: right !important;
	border: 0px solid green; 
}
</style>

<script>
jQuery(document).ready(function($) {
    var menu = $("#content");
    var posizione = menu.position(); // intercettiamo qui l'evento "scroll"                  
    $(window).scroll(function() { // "$(window).scrollTop()" ci dice di quanto abbiamo scrollato la pagina   
        if ($(window).scrollTop() >= posizione.top) { // abbiamo scrollato oltre il div, dobbiamo bloccarlo
            menu.addClass("site:before"); 
        } else { // abbiamo scrollato verso l'alto, sopra il div, possiamo sbloccarlo
            menu.removeClass("site:before");
        }
    });
});
</script>