[rz] Reveal Header-n-Footer *** UPD 2019-Feb-05 ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available, but the discussions may still be helpful for some users.
Forum rules
*** IMPORTANT INFO REGARDING [RZ] EXTENSIONS ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available or supported, but the discussions may still be helpful for some users.
Locked
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

[rz] Reveal Header-n-Footer *** UPD 2019-Feb-05 ***

Post by [RZ] »

[rz] Reveal Header-n-Footer v1.2.1

The easiest way to have headers and footers revealed on scroll with advanced features.
Sample project included.

Some features:

- Header and footer are optional (if header is specified, footer is optional; if footer is specified, header is optional) with handling variants.
- Header and footer are automatically expanded to full width.
- Optional custom shadows for enhanced visual effects with graceful fallback in case they are not supported.
- Tab order in its natural order for navigability standards (header and footer are automatically revealed when needed).
- Advanced RTL, RWD and fluid support.
- Automatic detection/support for both fixed or floating layers schemes.
- No cut-out elements/backgrounds on horizontal scrolling.
- Advanced fixed and horizontal scrolling handling.
- No header/footer overlapping on browser-resize.
- Advanced header-footer collision handling in case of fixed header on small screens.
- Decent fallback on unsupported or problematic scenarios (like some features on mobile devices and RTL schemes on IE7 and earlier).
- Lightweight and maximum cross-browser with backward compatibility, no jQuery required.

...and more!


DEMO


HTML 4.01 Transitional
W3C compliant


* New in version 1.2.1

- Improved support for mobiles with better fallbacks.
- Fixed RTL alignment issues on some scenarios.

* New in version 1.2

- Improved support for layout-grids to be used as header.
- Added support for layout-grids to be used as footer.
- Minor code tweaks.

* New in version 1.1

- Optional vertical parallax effect on scroll for the header and the footer (with different ratios).
- Customizable virtual separators between the header/footer and the page contents.
- Fallback improvements.


How to use?

1. Optionally, design a header as you usually do (a standard layer element).
2. Design the page contents below the header, if exists.
3. Optionally, design a footer as you usually do (a standard layer element), below the page contents.
4. Drag and drop the extension and setup it specifying the header and/or the footer and, optionally, the shadows.
5. Preview or publish.

Enjoy!
Last edited by [RZ] on Tue Feb 05, 2019 10:31 am, edited 2 times in total.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Reveal Header-n-Footer *** UPD 2016-Dec-01 ***

Post by [RZ] »

* New in version 1.1

- Optional vertical parallax effect on scroll for the header and the footer (with different ratios).
- Customizable virtual separators between the header/footer and the page contents.
- Fallback improvements.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Reveal Header-n-Footer *** UPD 2018-Oct-11 ***

Post by [RZ] »

* New in version 1.2

- Improved support for layout-grids to be used as header.
- Added support for layout-grids to be used as footer.
- Minor code tweaks.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Reveal Header-n-Footer *** UPD 2019-Feb-05 ***

Post by [RZ] »

* New in version 1.2.1

- Improved support for mobiles with better fallbacks.
- Fixed RTL alignment issues on some scenarios.
Locked