帶滾動條的固定菜單滾動條並停在頂部

-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

帶滾動條的固定菜單滾動條並停在頂部

回答

相關問題