Page 1 of 6

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

Posted: Sun Jul 15, 2012 9:54 am
by [RZ]
[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!

Re: Elegant Scroll

Posted: Wed Jul 18, 2012 3:15 pm
by protectourlands
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.

Re: Elegant Scroll

Posted: Wed Jul 18, 2012 3:23 pm
by [RZ]
thank you!
feedback always encourages to continue and improve...

Re: Elegant Scroll

Posted: Thu Jul 19, 2012 4:12 pm
by me.prosenjeet
WOW RZ U ROK ;-)

Re: Elegant Scroll

Posted: Thu Jul 19, 2012 4:18 pm
by [RZ]
oh! thank you, me!

Re: Elegant Scroll

Posted: Fri Jul 20, 2012 11:40 pm
by madebyibloo
Wow! nearly missed this one! great work as always Rz! thanks!



Cheers,
Scott

Re: Elegant Scroll

Posted: Sat Jul 21, 2012 7:59 pm
by [RZ]
thank you, scott!
as i always say, feedback encourages to continue and improve.
or, at least, to try to :)

Re: Elegant Scroll

Posted: Fri Jul 27, 2012 7:27 am
by [RZ]
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.

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

Posted: Sat Jul 28, 2012 8:20 pm
by [RZ]
fix already available, please redownload (and reinstall).
thank you for your report.

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

Posted: Tue Jul 31, 2012 3:28 pm
by [RZ]
good!
(thank you for your report.)

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

Posted: Thu Aug 02, 2012 9:26 am
by presto
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?

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

Posted: Thu Aug 02, 2012 10:17 am
by [RZ]
i cannot understand your question or what you are trying to do.

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

Posted: Fri Aug 03, 2012 8:03 am
by presto
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).

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

Posted: Fri Aug 03, 2012 8:43 am
by [RZ]
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.

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

Posted: Fri Aug 03, 2012 3:35 pm
by presto
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.