Come aggiungere la classe CSS usando su scroll

Question

Come aggiungere la classe a Div usando Scorring in Magento.

Ho JavaScript come questo

var $j = jQuery.noConflict();
$j(window).scroll(function() {    
    var scroll = $j(window).scrollTop();

    if (scroll >= 100) {
        $j(".page-header").addClass("header-bar");
    } else {
        $j(".page-header").removeClass("header-bar");
    }
});

Quel JavaScript aggiungerà o rimuoverà la classe della barra di intestazione da Div con la classe Page-Header in esso. Sembra così<header id="header" class="page-header">diventerà <header id="header" class="page-header header-bar">Se scorro verso il basso la pagina.

Ho provato a usare un singolo file HTML, funziona perfettamente, ma quando lo applico in Magento, non funziona, ma nessun messaggio di errore viene visualizzato.

Il modo in cui lo applico in Magento è così:

Innanzitutto, ho messo quel javascript in un file denominato header-effect.js e memorizzo il file skin\frontend\rwd\default\jscartella. Successivamente, aggiungo Effect.js in Page.xml <action method="addItem"><type>skin_js</type><name>js/header_effect.js</name></action>

Cancone Magento Cache, aggiorna la pagina, scorri verso il basso la pagina ma non succede nulla, controllo la sorgente della pagina e l'effetto dell'intestazione.js viene caricato.

Lo sto facendo correttamente?