Фиксированная панель

HTML

<div id="test">Test</div>
<div id="secondary_bar">Здесь меню</div>
Здесь разный текст и все остальное <br>
Здесь разный текст и все остальное <br>
Здесь разный текст и все остальное <br>
Здесь разный текст и все остальное <br>
Здесь разный текст и все остальное <br>

CSS

#secondary_bar {
    height: 33px;
    width: 100%;
    background: red;
}
#secondary_bar.bar_fixed{
    position: fixed;
    top: 0;
    z-index: 9999;
}
/* Стили теста */
body{height: 1200px;}
#test{height: 55px; background: green;}

JavaScript

/**
 * Created by Fedor Vlasenko on 14.05.14.
 */
jQuery(function (f) {
    f(window).scroll(function () {
        f('#secondary_bar')[
            (f(this).scrollTop() > 55 ? "add" : "remove") + "Class"
            ]("bar_fixed");
    });
});