带滚动条的固定菜单滚动条并停在顶部

-1

菜单（黑色）是固定位置，带有页眉的偏移页边高度。菜单偏移顶部边距在滚动上升，但当顶部到达时也应该停止。 demo link 带滚动条的固定菜单滚动条并停在顶部

$(window).scroll(function(){ 
    var y = $(window).scrollTop(); 
    var headerHeight = $('.header').height(); 
    var bgp = $(window).scrollTop(); 
    var result = headerHeight-bgp; 

    if(y > 0){ 
     $('.menu').css({'top': + result +'px'}); 
    } else{ 
    $('.menu').css({'top': + headerHeight +'px'}); 
    } 
});

来源

2015-05-05 locateganesh

请阅读并考虑改进您的问题：[如何问]（http://stackoverflow.com/help/how-to-ask） –

是的。我已阅读所有堆栈溢出条件和条件。但在这个问题上，我有这样的问题。我能够详细阐述它。 – locateganesh

这是你期望的输出：

$(window).scroll(function(){ 
     var y = $(window).scrollTop(); 
     var headerHeight = $('.header').height(); 
     var bgp = $(window).scrollTop(); 
     //var mtv = $('.menu').position().top; 
     var result = headerHeight-bgp; 

     if(result > 0){ 
      $('.menu').css({'top': + result +'px'}); 

     } else{ 
      console.log("stop"); 
     $('.menu').css({'top': 0}); 
     } 
    });

检查Fiddle Here.

来源

2015-05-05 06:41:09 ketan

谢谢ketan。它解决了。 – locateganesh

$(window).scroll(function(){ 
     var y = $(window).scrollTop(); 
     var result = 150-y; 

     if(result > 0){ 
      $('.menu').css({'top': + result +'px'}); 
     } else{ 
      $('.menu').css({'top': + 0 +'px'}); 
     } 
    });

这样做更容易的方式。 https://jsfiddle.net/g6wfy740/10/

来源

2015-05-05 06:48:13

带滚动条的固定菜单滚动条并停在顶部

回答

相关问题