How to hide FIXED navigation LOGO when scrolling/passing a DIV?

[Galanthus]

Hello,

I am really wondering if it is possible to hide the default Bootstrap 3 FIXED navigation LOGO when i scroll/pass another DIV… with JQuery or something? I would like to remove the header div and just keep the menu. Also on the POP-up screen how can i make the CLOSE button SCROLL… i tried to make it scroll down… but doesn’t work…

Can somebody tell me how to do this?

Thanks!!

website demo: http://www.shokunin.pro/sheisfilm

How i want to make it look:

http://s28.postimg.org/ul0ytpjjw/Screen_Shot_2014_12_05_at_22_26_28.jpg

to:

http://s28.postimg.org/xqlkjx263/Screen_Shot_2014_12_05_at_22_26_33.png

when passing a DIV.

[lauren_olsen17]

1. Take a look at the HTML markup from the example website you have shown.
2. your logo can be image, but not the whole nav div.

I would use jQuery for the scroll effect.
for example the website you provided uses: http://flesler.blogspot.ca/2007/10/jqueryscrollto.html

or the github link: https://github.com/flesler/jquery.scrollTo

Also on the POP-up screen how can i make the CLOSE button SCROLL… i tried to make it scroll down… but doesn’t work…

I’m not sure what you’re referring to, as I don’t see a pop… have you tried using lightbox or fancybox for popups?