make div scroll with page

by chris callaghan

HTML

<div class='wpb_tabs_nav'>Div to be scrolled.</div>

CSS

body {
    height:1500px;
    margin:0;
    padding:0;
}
.wpb_tabs_nav {
    width:200px;
    height:24px;
    line-height:24px;
    color:red;
    position:relative;
    top:0;
    left:0;
}

JavaScript

$(window).on('scroll', function () {
    var scrollPos = $(document).scrollTop();
    $('.wpb_tabs_nav').css({
        top: scrollPos
    });
}).scroll();