Skip to content Skip to sidebar Skip to footer
Home / Css / Html / Javascript / Jquery / Twitter Bootstrap

Logo At The Top Of Navigation Bar Hide When Scroll Down

Post a Comment
I'm using bootstrap v3.3.4 to make navigation header...here is my DOM for navigation bar:

Solution 2:

Here is a working example:

window.onscroll = function (e)
{
    $('#lion_image').hide();
}
.test {
    height: 2000px;    
}
#lion_image {
    display: block;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="test"><img src="http://www.emoticonswallpapers.com/avatar/animals/Lion-Side-Profile.jpg" alt="lion" id="lion_image"/>Let's start</div>

Solution 3:

I think you can move your logo from navbar to outside the navbar and use .sticky-top in tag


Post a Comment for "Logo At The Top Of Navigation Bar Hide When Scroll Down"