How to remove the line on page reload?

Question

css

Hi all!

i hide the menu using jquery

$(document).ready(function(){
    
    // hide .navbar first
    $(".myfixed").hide();
    
    
    $(function () {
        $(window).scroll(function () {
           
            if ($(this).scrollTop() > 270) {
                $('.myfixed').fadeIn();
            } else {
                $('.myfixed').fadeOut();
            }
        });

    
    });

});

and when scrolling to the bottom it appears,


but when the page is reloaded, the menu line appears how to remove it?

Answer 1

This is due to the fact that your script does not have time to load and hide the block. I will repeat what I said in the comment. Maybe put display:none instead of hiding it with jquery?