Skip to content Skip to sidebar Skip to footer

Logo At The Top Of Navigation Bar Hide When Scroll Down

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;
}
<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><divclass="test"><imgsrc="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"