magna
Follow @magnawebstudio on Twitter Follow @magnawebstudio on Twitter
Follow /magnawebstudio on LinkedIn Follow /magnawebstudio on LinkedIn
awarded site
BS"D
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


DEMO


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.

Enjoy!
w3c compliant
© 2012-17 by MAGNA web studio • all rights reserved


new shop with