Как организовать чтобы модуль с меню сдвигался вниз вместе с прокруткой?

#modul_fixed{
   top: 240px; /** высота шапки в пикселях**/
   position: fixed;
   z-index: 1000;
   left: 20px;
}

<script type="text/javascript">
var m1 = 240; /* высота шапки в пикселях */
var m2 = 20; /* отступ, когда во время прокрутки шапка
 уже не видна */

/* функция кроссбраузерного определения 
отступа от верха документа к текущей позиции 
скроллера прокрутки */

function getScrollTop() {
           var scrOfY = 0;
           if( typeof( window.pageYOffset ) == "number" ) {
                   //Netscape compliant
                   scrOfY = window.pageYOffset;
           } else if( document.body 
           && ( document.body.scrollLeft 
           || document.body.scrollTop ) ) {
                   //DOM compliant
                   scrOfY = document.body.scrollTop;
           } else if( document.documentElement
           && ( document.documentElement.scrollLeft
            || document.documentElement.scrollTop ) ) {
                   //IE6 Strict
                   scrOfY = document.documentElement.scrollTop;
           }
           return scrOfY;
}

/* функция, которая устанавливает верхний отступ
 для «плавающего» фиксированного вертикального 
меню в зависимости от положения
 скроллера и видимости шапки */


function marginMenuTop() {
			var top  = getScrollTop();
			var s	 = document.getElementById("modul_fixed");
			if (top+m2 < m1) {
				s.style.top = (m1-top) + "px";
			} else {
				s.style.top = m2 + "px";
			}
}

/** функция регистрирует 
вычисление позиции
 «плавающего» меню при прокрутке страницы
**/

function setMenuPosition(){

if(typeof window.addEventListener != "undefined"){
	window.addEventListener("scroll", marginMenuTop, false);

} else if(typeof window.attachEvent != "undefined"){
	window. attachEvent("onscroll", marginMenuTop);
}


}

/** регистрируем вызов 
необходимых функций после
 загрузки страницы **/

if(typeof window.addEventListener != "undefined"){
	window.addEventListener("load", setMenuPosition, false);

} else if(typeof window.attachEvent != "undefined"){
	window. attachEvent("onload", setMenuPosition);
}


</script>

<script>
$(document).ready(function () {  
  var top = $('#pinned-menu').offset().top - parseFloat($('#pinned-menu').css('marginTop').replace(/auto/, 0));
  $(window).scroll(function (event) {
    var y = $(this).scrollTop();
    if (y >= top) {
      $('#pinned-menu').addClass('fixed');
    } else {
      $('#pinned-menu').removeClass('fixed');
    }
  });
});
</script>