jQuery non intercetta :before css

[Prifa]

Ho questo css che funziona, ma non riesco a farlo intercettare dal jQuery.

Codice: Seleziona tutto

/* Colonna laterale-sidebar sx */
.site:before { 
    float: left;
    border: 1px solid orange;
}
...
<script>
jQuery(function($) {
    var sidebar = $('.site:before');
    var top = sidebar.offset().top - parseFloat(sidebar.css('margin-top'));
    $(window).scroll(function(event) {
        var y = $(this).scrollTop();
        if (y >= top) {
            sidebar.addClass('fixed');
        } else {
            sidebar.removeClass('fixed');
        }
    });
});
</script>

[archimede]

Non credo che i pseudo elementi before e after siano selezionabili con jQuery: non fanno parte del DOM.

Non puoi aggiungere una classe specifica o un ID all'elemento site e usare quello come selettore jQuery?

HTH.

Alessandro

[Prifa]

Questa cosa l'ho risolta, ora si presenta la parte finale: adesso la sidebar rimane ferma al top, devo fare in modo che sale con la pagina fino ad un certo numero di pixel e poi si ferma in base ai pixel che ho impostato.