Follow @magnawebstudio on Twitter Follow @magnawebstudio on Twitter
Follow /magnawebstudio on LinkedIn Follow /magnawebstudio on LinkedIn
awarded site
magna web studio
Contact us! Contact us!
WB-Developers' Corner
WB-Developers' Corner
       [rz] Sticky Object

The most reliable and lightweight cross-browser, cross-platform and backward-compatible solution
to have sticky objects with advanced relocation features.

- Nine possible positions.
- Additional horizontal and vertical offset values.
- Objects overlap control.
- Sticky objects margin for additional overlap control.
- Min-top and min-left virtual properties for lateral sticky objects.

HTML 4.01 Transitional
W3C compliant


* Just a brief about some of the changes that were made lately...

* New in version 1.1.1

- Improved handling and support for pages with floating schemes.

* New in version 1.1

- Smaller and more efficient core; many portions were rewriten to comply deprecation policy changes in Chrome and FireFox.
- The core has been moved to an external file for a faster navigation between pages.
- Improved RWD handling.

How to use?

1. Drag and drop any object (text, image, shape, layer, carousel, etc) you want have to be fixed
    (like in native sticky layers).
2. Open its properties dialog.
3. Enter the id of the object you want to have fixed.
4. Setup the position in the browser.
5. Optionally, setup offset values, boundaries, etc.
6. Preview or publish; then, resize your browser and scroll the page contents to see how the
    sticky objects behave.

w3c compliant
© 2012-20 by MAGNA web studio • all rights reserved

new shop with