[rz] Elegant Scroll *** UPD 2016-Jul-02 ***

In this section you can announce self-made paid extensions.
*** THIS SECTION CONTAINS PAID EXTENSIONS ONLY ***
User avatar
[RZ]
 
 
Posts: 2286
Joined: Tue Nov 04, 2008 12:08 pm

[rz] Elegant Scroll *** UPD 2016-Jul-02 ***

Post by [RZ] » Sun Jul 15, 2012 9:54 am

[rz] Elegant Scroll v1.0.5.1

This extreme lightweight extension allows you to perform a smooth page scroll to an anchor ("bookmark") on the same page with versatile configurations.


HTML 4.01 Transitional
W3C compliant


DEMO


How to use?

1. Design your (large and/or wide) page as you usually do.
2. Add the properly placed anchors (bookmarks - please read the crystal clear wb help and documentation on how to make links with bookmarks to the same page).
3. Add the [rz] Elegant Scroll and set up its fx parameters (just a few ones!).

* New in version 1.0.5.1:

- Improved compatibility with newer jQuery versions while preserving support and compatibility with older ones.

* New in version 1.0.5:

- Added more cycle modes/behavior.
- Improved the optional object handling.
- External library files.

* New in version 1.0.4.2:

- Improved backward and crossbrowser compatibility.
- Page alignment requirement/limitation has been deprecated and removed (see notes) - allowing a better experience and performance with [rz] Adaptive Framework.
- Improved code for newer jQuery versions.

* New in version 1.0.4.1:

- Workaround for a rounding issue in jQuery and IE10/IE11 causing a not needed function call (noticeable under specific/advanced scenarios).
- Improved parser for onscrollstart and onscrollend virtual events.

* New in version 1.0.4:

- Optional object to be shown during the scroll process.
- Nine predefined positions with customizable horizontal and vertical offsets.
- Adjustable speed for the fade-in and fade-out effects to apply to the object to be shown.
- Custom function calls for onscrollstart and onscrollend virtual events.

* New in version 1.0.3.3:

-Added "Cycle mode" feature: "full and chained" (no wait to complete the cycle but each cycle is fully done), "full and not chained" (must wait the cycle to be completed) and "cancelable" (the current cycle is stopped and continue with the next cycle faster).

* New in version 1.0.3.2:

-Added compatibility with [rz] Preloaded Links extensions.
-Added support for WB jQuery Tabs.
-Quirks mode support.

* Important note (DEPRECATED)

In page properties, you must select a center page option, this means, you cannot have the "Do not center this page in the browser window" option selected.
If you have a long design, you should select the "Center this page in the browser window horizontally".
If you have a wide design, you should select the "Center this page in the browser window horizontally and vertically".
If you don't want any alignments, you must select the "Align to left, but include width/height (recommended for eBay)" option.

* Important note

If you do not want to use any page alignment, there may be some browser-specific limitations; in order to avoid them, just use jQuery 1.11.1 or later versions.
If you need to use previous jQuery versions like 1.7.2, you must select a page alignment.

Enjoy!
Last edited by [RZ] on Sat Jul 02, 2016 8:44 pm, edited 13 times in total.

User avatar
protectourlands
 
 
Posts: 720
Joined: Sat May 24, 2008 2:16 am
Contact:

Re: Elegant Scroll

Post by protectourlands » Wed Jul 18, 2012 3:15 pm

This is very cool RZ. I am doing a re-design on a site and this will come in handy. Thank you for sharing it.

User avatar
[RZ]
 
 
Posts: 2286
Joined: Tue Nov 04, 2008 12:08 pm

Re: Elegant Scroll

Post by [RZ] » Wed Jul 18, 2012 3:23 pm

thank you!
feedback always encourages to continue and improve...

User avatar
me.prosenjeet
 
 
Posts: 1386
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: Elegant Scroll

Post by me.prosenjeet » Thu Jul 19, 2012 4:12 pm

WOW RZ U ROK ;-)

User avatar
[RZ]
 
 
Posts: 2286
Joined: Tue Nov 04, 2008 12:08 pm

Re: Elegant Scroll

Post by [RZ] » Thu Jul 19, 2012 4:18 pm

oh! thank you, me!

User avatar
madebyibloo
 
 
Posts: 452
Joined: Fri Mar 27, 2009 3:58 pm
Location: East Yorkshire, United Kingdom
Contact:

Re: Elegant Scroll

Post by madebyibloo » Fri Jul 20, 2012 11:40 pm

Wow! nearly missed this one! great work as always Rz! thanks!



Cheers,
Scott
Cheers,
Scott


creating the new, together.

User avatar
[RZ]
 
 
Posts: 2286
Joined: Tue Nov 04, 2008 12:08 pm

Re: Elegant Scroll

Post by [RZ] » Sat Jul 21, 2012 7:59 pm

thank you, scott!
as i always say, feedback encourages to continue and improve.
or, at least, to try to :)

User avatar
[RZ]
 
 
Posts: 2286
Joined: Tue Nov 04, 2008 12:08 pm

Re: Elegant Scroll

Post by [RZ] » Fri Jul 27, 2012 7:27 am

i'm sorry, i took a deeper look and i confirm you are right.
in some "special cases" the extension won't work.
i'll be back on monday. i hope i can fix it in the same day. i'll be posting an update as soon as i can.
apologies for the inconveniences.
meantime you can continue your design as usual, the fix won't generate any extra-work.

User avatar
[RZ]
 
 
Posts: 2286
Joined: Tue Nov 04, 2008 12:08 pm

Re: Elegant Scroll *** UPDATED Jul-28-2012 ***

Post by [RZ] » Sat Jul 28, 2012 8:20 pm

fix already available, please redownload (and reinstall).
thank you for your report.

User avatar
[RZ]
 
 
Posts: 2286
Joined: Tue Nov 04, 2008 12:08 pm

Re: Elegant Scroll *** UPDATED Jul-28-2012 ***

Post by [RZ] » Tue Jul 31, 2012 3:28 pm

good!
(thank you for your report.)

presto
 
 
Posts: 248
Joined: Tue Aug 24, 2010 5:19 pm

Re: Elegant Scroll *** UPDATED Jul-28-2012 ***

Post by presto » Thu Aug 02, 2012 9:26 am

May be stupid question:
How can I manage - when scrolling to a certain bookmark or id - that the content of that div is always at the top of the viewport?

User avatar
[RZ]
 
 
Posts: 2286
Joined: Tue Nov 04, 2008 12:08 pm

Re: Elegant Scroll *** UPDATED Jul-28-2012 ***

Post by [RZ] » Thu Aug 02, 2012 10:17 am

i cannot understand your question or what you are trying to do.

presto
 
 
Posts: 248
Joined: Tue Aug 24, 2010 5:19 pm

Re: Elegant Scroll *** UPDATED Jul-28-2012 ***

Post by presto » Fri Aug 03, 2012 8:03 am

What I mean is: When I set a link to a specific bookmark or id and I scroll to it, then it happens that this specific bookmark is not at the top of the screen (viewport) but in its middle or at the end. But I would like to have the item, after I have scrolled to it, at the top of the page (screen, viewport).

User avatar
[RZ]
 
 
Posts: 2286
Joined: Tue Nov 04, 2008 12:08 pm

Re: Elegant Scroll *** UPDATED Jul-28-2012 ***

Post by [RZ] » Fri Aug 03, 2012 8:43 am

please read the wwb help files about links with bookmarks.
besides this, i can't understand what you are trying to do. if you mean the menu that links to, you must put this menu into a sticky or docked layer. anyhow, it is not related at all to this extension; again, please refer to the wwb help files about sticky/docked layers.
with kind regards.

presto
 
 
Posts: 248
Joined: Tue Aug 24, 2010 5:19 pm

Re: Elegant Scroll *** UPDATED Jul-28-2012 ***

Post by presto » Fri Aug 03, 2012 3:35 pm

I apologize for my english since i am not a native speaker. So I try to make clear what I mean in very easy sentences. I am aware about how to set links to bookmarks. This is not my problem at all. Everything works fine except one thing that is driving me crazy.

I have a link let's say from a menu to a picture on the same page. All I want is that after my page has scrolled to that picture this picture is at the top of my screen. In some cases it is at the center of the page or at the bottom. How can I manage that it is always at the top? This is not only behavior with the Elegant Scroll Extension but this is behavior with normal scroll to a bookmark.

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest