Исправлено положение меню сверху на прокрутке

Question

Меню фиксировано и смещено от верхней высоты заголовка. , но когда я прокручиваю заголовок, он поднимается, потому что он не фиксирован. Поэтому меню должно также увеличиваться на прокрутке.

находка демо here

Я просто хочу, что не должно быть никакого смещения запас сверху на меню при прокрутки вниз.

$(window).scroll(function(){ 
    var y = $(window).scrollTop(); 
    var bgp = $(window).scrollTop(); 
    var mtv = $('.menu').position().top; 
    if(y > 0){ 
    $('.menu').css({'top': + mtv-bgp +'px'}); 
    } else{ 
    $('.menu').css({'top': + bgp-mtv+'px'}); 
    } 
}); 

Answer 1

если я получить то, что вы хотите правильно, то это должно помочь вам:

body{ 
    margin:0; 
    padding:0; 
} 
.header{ 
    background:#ddd; 
    height:80px; 
    position:relative; 
} 
.container{ 
    height:1000px; 
    background:#eee; 
    position:relative; 
    width:100%; 
} 
.menu{ 
    background:#000; 
    width:200px; 
    height:100%; 
    left:0; 
    top:80px; 
    position:fixed; 
    z-index:11; 
    transition: all 0.6s ease; 
} 
#toggle{ 
    width:50px; 
    height:50px; 
    background:yellow; 
    float:left; 
    margin:10px 20px; 
} 

и JS

$(window).scroll(function(){ 
     var y = $('body').scrollTop(); 
     if(y > 80){ 
     $('.menu').css({'top':'0px'}); 
     } 
     else if(y<80) 
      $('.menu').css({'top':'80px'}); 
    }); 

я также обновил свой fiddel: https://jsfiddle.net/g6wfy740/2/