Viewing J-Query Header that follows you as you scroll down.

J-Query Header that follows you as you scroll down.



User: JR K. 9 years ago
I would like to have a header on my webpage that follows you when you scroll down, and also cover the content on the webpage after it goes over it. Any suggestions on how I would do this in Everweb
User: Roddy 9 years ago
See this page…

http://everwebcodebox.com/layout/sticky-header.html

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: JR K. 9 years ago
Not exactly what I was looking for. I wanted to make so what ever is in the header scrolls down with the page.
User: JR K. 9 years ago
Not exactly what I was looking for. I wanted to make so what ever is in the header scrolls down with the page.
User: Roddy 9 years ago
That's what the example does in that the header stays stationary as the page content is scrolled. Look at a really long page like this one to see the effect…

http://everwebcodebox.com/widgetbox/info/buy.html

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: JR K. 9 years ago
I understand what you are saying but I meant what is in the section of the "Everweb" Header as the page as shown in the picture. [http://www.jrtech12.com/Screen.png]

Last edit 9 years ago
User: Roddy 9 years ago
If you header is quite high, it's kind of a waste of space to have it stick to the top of the browser.

We developed a navigation for Darren's site that appears as soon as the header disappears when the page is scrolled. You can see the rough demo here…

http://everwebcodebox.com/widgetbox-demo/fadeInNav/fadein-nav.htmlhttp://everwebcodebox.com/widgetbox-demo/fadeInNav/fadein-nav.html

He wanted a semi transparent background to the navigation so that it doesn't distract visitors from the actual page content!

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
✔ Best Answer  


Post Reply
You must login or signup to post.