Question

菜单（黑色）是固定位置，具有标题的偏移边缘顶部高度。菜单偏移上边距在滚动时上升但是当到达顶部时它也应该停止。 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'}); 
  }
});

Answer 1

这是您的预期输出：

$(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.

Answer 2

    $(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/

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

2 个答案: