Sticky Sidebar

CSS Code:

#sidebar-move-wrapper {
    position: fixed;
}

Javascript Code:

<script type="text/javascript">
// <![CDATA[
window.onscroll = function() {
    if( window.XMLHttpRequest ) {
        if ((document.body.scrollTop > 280) || (document.documentElement.scrollTop > 280)) {
            document.getElementById('sidebar').style.position = 'fixed';
            document.getElementById('sidebar').style.top = '0';
        } else {
            document.getElementById('sidebar').style.position = 'absolute';
            document.getElementById('sidebar').style.top = 'auto';
        }
    }
}
// ]]>
</script>

Advertisement