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] Scroll Down Indicator


This lightweight extension creates a "scroll down indicator" to inform that there is more
content below the initial screen.
As easy as "plug and play", no extra markup to add and check!
Useful for one-page type designs.

Some features:

- Colors, offset values, sizes and transparencies for the text, arrow and lines.
- Specific parameters for different statuses (normal, hover, push).
- Customizable "heartbeat" for the arrow to grab the visitor attention.
- Automatically goes to the next content section when clicking on the indicator;
  anchors (bookmarks/links) not needed.
- Automatically detects [rz] Elegant Scroll to share the same effects with
  (no extra elements/setup needed).
- Optional fade-out on scroll.
- Selectable viewport size to compute the fade-out process.
- Optional custom image supported instead of the default down arrow.
- Transitions for smoother effects.
- More than 20 easing smooth effects.
- Maximum backward, cross-browser and cross-platform compatibility.
- Lightweight, no dependencies, no jQuery.


...and more!


HTML 4.01 Transitional
W3C compliant


DEMO


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

* New in version 1.2

- Timed auto-scroll.
- Minor code optimizations.



How to use?

1. Design your one-page site as you usually do.
2. Drag and drop an extension instance.
3. Optionally, setup the colors, transparencies, icons, text, effects, etc...
4. Preview or publish.

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


new shop with