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

[[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!

[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.

[[RZ]]

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

[me.prosenjeet]

WOW RZ U ROK

[[RZ]]

oh! thank you, me!

[madebyibloo]

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



Cheers,
Scott

[[RZ]]

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

[[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.

[[RZ]]

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

[[RZ]]

good!
(thank you for your report.)

[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?

[[RZ]]

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

[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).

[[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.

[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.