Hi there,
I am just working on my website and I would like to have the same header effect like at this page:
http://www.teamgeek.co.za/#company
The Website I build is just a one-page-site with anchors to navigate to a certain point. I would like to have a full-screen image (with no header) on the first part of the page. The header menu is located at the bottom of the picture and is being scrolled up until it reaches the top of the site. There it stays fixed when I scroll through the rest of the site – until I scroll up to the first image again. I already managed to change the position of the header, but I don’t know how to proceed with the rest. I can’t send you a link of my site as it is still local.
Thank you guys,
Cheers
Peter
Hey Peter!
Can you post a link of what have you done so far?
Best regards,
Josue
Hi Peter!
You’ll need to know some JavaScript too, in order to implement what you want, please take a look: http://stackoverflow.com/questions/4121180/scroll-position-in-html-document-how-to-determine
If this is too technical, you may need to hire a freelancer for the job.
Cheers!
Josue
Hi Josue, thank you very much – that helps a lot.
I have one little last question. At your support page, the text “Kriesi.at – Premium themes” next to the logo disappears when you scroll down and the logo shrinks. How do you do that?
Cheers!
Peter
Hey!
Please see Kriesi’s post here https://kriesi.at/support/topic/kriesi-logo/#post-161892
I would sugest you to check Blog page time to time
Best regards,
Yigit