Two Sticky LayoutGrids Acting As One Header?

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
mhinnc
 
 
Posts: 94
Joined: Thu Dec 24, 2015 12:34 pm

Two Sticky LayoutGrids Acting As One Header?

Post by mhinnc »

Is there a way to achieve this?

SETUP: on a master page have...

Layoutgrid #1 contains a nice blue background with text in white of company name, about 40px in height.

Layoutgrid #2 contains a white background with great looking logos and some text, about 160px in height.

Layoutgrid #3 contains a cool looking black background with a nav bar of white text, about 23px in height.



DESIRED EFFECT: as the index page (which is pointed to the Master Page) scrolls down...
Layoutgrid #1 stops at top of page (sticky layer).
Layoutgrid #2 keeps scrolling out of sight.
Layoutgrid #3 stops at bottom of Layoutgrid #1 so that the nav bar sits just under the title of the website and both are always visible.

EXAMPLE:
(edit: had the images reversed)

Before scrolling:

https://tinypic.host/i/uY2uj

While scrolling:

https://tinypic.host/i/uYz9J


Any/all help is much appreciated!
And if I sometime confound dates and incidents, or tell the same old tale for the twentieth time, think "Oh what a vast field his laboring memory wanders."
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Two Sticky LayoutGrids Acting As One Header?

Post by Pablo »

You can implement advanced scroll functionality with Scroll Transitions:
https://www.wysiwygwebbuilder.com/scrol ... tions.html

Example:
https://www.wysiwygwebbuilder.com/suppo ... flyin.html
mhinnc
 
 
Posts: 94
Joined: Thu Dec 24, 2015 12:34 pm

Re: Two Sticky LayoutGrids Acting As One Header?

Post by mhinnc »

I'll check that out. Many thanks Pablo.
And if I sometime confound dates and incidents, or tell the same old tale for the twentieth time, think "Oh what a vast field his laboring memory wanders."
Post Reply