How to make a disappearing menu smooth?

Question

css

Source:

$(window).scroll(function() {
    var top = $(document).scrollTop();
    if (top > 1900) $(".navbar").removeClass('fixed-top');
    else $(".navbar").addClass('fixed-top');
});

Answer 1

Add transition: all 0.5s to the fixed-top class

Answer 2

most likely transition: all .5s ease; for .fixed-top won't work, because the transition gives smoothness to the block properties, and you have the block removed .
Therefore, you need to look at what .fixed-top gives , MB there you need to set the height to 0px + opacity or visibility and then the transition will give the necessary smoothness