[rz] Scroll Down Indicator v1.1
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
* New in version 1.1
- Improved support for mobiles that prevents scheme distortions due to the address bar auto-hide.
- Improved handling (size and position) even with 'overflowed contents' on mobiles.
- Minor tweaks and optimizations for both desktop and mobile platforms.
* New in version 1.0.2
- Scroll cancellation modes to manage events that could produce a distorted result; this allows to automatically cancel the smooth scroll effect producing both accurate and elegant results.
* New in version 1.0.1
- Timed auto-scroll.
- Minor code optimizations.
DEMO
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!
[rz] Scroll Down Indicator *** UPD 2019-Dec-30
Forum rules
*** IMPORTANT INFO REGARDING [RZ] EXTENSIONS ***
This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available or supported, but the discussions may still be helpful for some users.
*** IMPORTANT INFO REGARDING [RZ] EXTENSIONS ***
This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available or supported, but the discussions may still be helpful for some users.
[rz] Scroll Down Indicator *** UPD 2019-Dec-30
Last edited by [RZ] on Mon Dec 30, 2019 5:15 pm, edited 3 times in total.
Re: [rz] Scroll Down Indicator
Yep! Another extremely useful extension RZ. Thank you.
Running WYSIWYG Web Builder since 2007...
Re: [rz] Scroll Down Indicator
thank you for your feedback!
- BaconFries
-
- Posts: 5648
- Joined: Thu Aug 16, 2007 7:32 pm
Re: [rz] Scroll Down Indicator
@[rz] link to demo not found due to URL being incorrect you have .comm instead of .com I could have sorted it but didn't want to step on your toes.
Re: [rz] Scroll Down Indicator
thank you bf!
the link is now fixed, i did a copy-paste from different texts and introduced the typo...
the link is now fixed, i did a copy-paste from different texts and introduced the typo...
Re: [rz] Scroll Down Indicator *** UPD 2017-Jun-14
* New in version 1.0.1
- Timed auto-scroll.
- Minor code optimizations.
- Timed auto-scroll.
- Minor code optimizations.
Re: [rz] Scroll Down Indicator *** UPD 2019-Dec-30
* New in version 1.1
- Improved support for mobiles that prevents scheme distortions due to the address bar auto-hide.
- Improved handling (size and position) even with 'overflowed contents' on mobiles.
- Minor tweaks and optimizations for both desktop and mobile platforms.
* New in version 1.0.2
- Scroll cancellation modes to manage events that could produce a distorted result; this allows to automatically cancel the smooth scroll effect producing both accurate and elegant results.
- Improved support for mobiles that prevents scheme distortions due to the address bar auto-hide.
- Improved handling (size and position) even with 'overflowed contents' on mobiles.
- Minor tweaks and optimizations for both desktop and mobile platforms.
* New in version 1.0.2
- Scroll cancellation modes to manage events that could produce a distorted result; this allows to automatically cancel the smooth scroll effect producing both accurate and elegant results.