I have 4 divs named as #jungle
, #tour
, #photography
, #culture
in my page. I want to change my logo when I scrolled to certain div.
That mean when I scrolled jungle div logo should change to jungle.png
(I'm using logo as background image on .navbar-brand
).On other divs logo should change accordingly.
I' using boostrap
and logo is on left top of navbar
.
I there way to do this without using fixed heights?
I had to use logo as background image and use some jquery to make this happen.
and some css like this
and it worked!.