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] PAO


Page Position Activated Object (aka "PAO").
This extreme lightweight extension allows you to activate and deactivate objects according to the page scrollbar position.


HTML 4.01 Transitional
W3C compliant


DEMO


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

* New in version 1.2

Added support for RWD.
Added map and breakpoint modes.

* New in version 1.1

Optimized code and improved startup.
Can activate or deactivate multiple objects in the same instance (objects IDs must be comma separated, i.e. Layer1 or Layer1, Layer2, Layer3).
Fixes for older Opera versions are resolved internally and extra extensions are not required anymore.
More effects added.

Objects IDs are optional, this allows:
- Both activate and deactivate objects according to the vertical scroll position.
- Only activate objects without deactivate objects.
- Only deactivate objects without activate other ones.



How to use?

Please see the included sample project file, it is self descriptive...

Enjoy!


*
Versions

[rz] PAO (tiny)

This extension doesn't require the jQuery library file.
No effects, useful for small projects.
Fast objects activation/deactivation.

[rz] PAO

This version requires the jQuery library file.
Allows effects to activate and deactivate objects.


*
Troubleshooting

The following information is DEPRECATED and applies to versions 1.0+

Opera browser behaves different and under certain conditions both extensions may give unstable results.  Only in that case, this means if you are running issues, you can add the following extensions to fix the  misbehavior:

[rz] PAO (tiny) Opera Fix

This extension fixes the Opera known issues and is intended to work only with the tiny version.
Drag and drop only once and it fixes all of the other PAO instances in the same page.
If there is a [rz] Elegant Scroll instance, this fix is not required.

[rz] PAO Opera Fix

This extension fixes the Opera known issues and is intended to work only with the version that supports  the jQuery effects.
Drag and drop only once and it fixes all of the other PAO instances in the same page.
Some jQuery effects are overridden and replaced by fade in/out.
w3c compliant
© 2012-17 by MAGNA web studio • all rights reserved


new shop with