Estou criando um menu e gostaria de saber como posso fazer para ao rolar a pagina o logo desaparecer ficando só menu e ao rolar a pagina para posição inicial reaparecer o logo? Bootstrap version 4.1.3 O Menu já está fixo <nav class="navbar navbar-expand-lg navbar-dark bg-primary"> <a class="navbar-brand" href="#"> <img id="brand-image" alt="Website Logo" src="img/logo.png"/> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNavAltMarkup"> <div class="navbar-nav"> <a class="nav-item nav-link active" href="#">Home <span class="sr-only">(current)</span></a> <a class="nav-item nav-link" href="#">Features</a> <a class="nav-item nav-link" href="#">Pricing</a> <a class="nav-item nav-link disabled" href="#">Disabled</a> </div> </div> </nav> CSS #brand-image{ height: 100px; float: center; } .navbar { position: fixed; padding-top: 15px; top: 0; z-index: 2; width: 100%; } .navbar-brand { position: absolute; left: 50%; margin-left: -50px; display: block; margin-top: 18px; }