우측 메뉴는 css 의 position: fixed; 로 고정시키시면되고, 마우스 hover 시 왼쪽으로 슬라이드 하게 하시려면 jQuery 로 이렇게 하시면 됩니다.

http://jsfiddle.net/PXLJG/7/

스크롤시 상단메뉴 고정은

 //top stick menu scroll
    jQuery(window).scroll(function () {
        if (jQuery(window).scrollTop() >= 88) {
            jQuery('#navigation').addClass('fixed');
        } else {
            jQuery('#navigation').removeClass('fixed');
        }
    });

이런식으로... 우축메뉴는 항시 고정되어 있지만, 상단메뉴는 if else 문으로 상황에 따라서 고정된 class 를 더하거나 빼거나, 이 부분만 두 메뉴가 다른겁니다.)

원하시는 모든 기능이 공교롭게 제가 몇년전 한번씩 다 짜봤던거네요.

여기 종합세트로 다 들어 있습니다.

http://hackya.com/ko/

http://hackya.com/ko/wp-content/themes/boingo/js/customscript.js?ver=3.9.2

지금 다시 다 짜라고 하면, jQuery 를 전혀 쓰지 않고, css (scss) 만으로 님이 원하시는 저 페이지에 동적인 부분을 다 짤수 있겠네요.*

참 세월좋아졌습니다. ㅎㅎㅎ

*css 나 jQuery 에 대한 지식이 전혀 없으시면 공부를 조금 하셔보세요.  물론 무작정 삽질하시다 보면 구축하실 수 도 있겠지만, 더 효율적인 방법은 체계적으로 공부를 약간 해보시는 것 입니다. 

저걸 3일을 삽질하시다니요? ㅠㅠㅠㅠ 15분도 안걸려서 다 짤수 있는건데....

* 좀어렵지만 @if @else 로 jQuery 없이 조건부적 상단메뉴 고정 구현 scss 만으로 도 가능합니다.