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


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-17 by MAGNA web studio • all rights reserved

new shop with