Иногда нужно чтобы боковое меню при прокрутке страницы вниз упералось в footer и фиксировалось и наоборот при прокрутке вверх фиксировалось в header. Для этого я применяю скрипт.


<script type="text/javascript">// <![CDATA[
jQuery("document").ready(function($) {
        $(function() {
        var sidebar = jQuery('#sb > div');
        var win = jQuery(window);
        var sidebarOffset = sidebar.offset().top;
        var sidebarHeight = 0;
        jQuery('#sidebar-b > *', sidebar).each(function(){
        sidebarHeight += jQuery(this).outerHeight(true);
        });
        sidebar.css({
        position: 'absolute',
        height: sidebarHeight,
        overflow: 'hidden'
        });        function recalcPosition(){
       var footerOffset = jQuery('#footer').offset().top;
       var scrollOffset = win.scrollTop();
       if ((scrollOffset >= sidebarOffset) && ((scrollOffset + sidebarHeight)
< footerOffset)){
              sidebar.css({
              position: 'fixed',
              top: 0
       });
       }
       else if ((scrollOffset + sidebarHeight) >= footerOffset) {
              sidebar.css({
              position: 'absolute',
              top: footerOffset - sidebarHeight + 1
        })
        }
        else {
              sidebar.css({
              top: '',
              position: 'absolute'
        })
        }
        }         recalcPosition();
        win.bind('scroll resize load', recalcPosition)
        });
        });
// ]]></script>

       Суффикс класса меню menu-accordion добавляем в свой template.css


#sb > div {
margin-left: 740px;
position: fixed;
top: 225px;
}