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

presto · Post by **presto** » Wed Feb 13, 2013 5:17 pm

Hi Jordan,

thank you very much for your ideas and your support.

On the first glance your function seems to work fine - but with only one exception:

When you call or refresh a page then one tab is already set to "active". Now clicking on this active tab it triggers the scroll and only after that the class is added. If you at first click on an inactive tab, your function does what it is supposed to do.

Any idea how to solve that?

Edit: I have changed the event from "click" to "mouseenter" and it works. But I still have to test it on an iPad.

Best regards from Germany

jordan · Post by **jordan** » Wed Feb 13, 2013 5:51 pm

hehe presto your question actually makes for a simpler solution … replace what I wrote for ...

===============================
<script type="text/javascript">
$(function (){setTimeout(function() {$('#jQueryTabs1 li').addClass('scrollable_navigation')}, 0)});
</script>
===============================

presto · Post by **presto** » Wed Feb 13, 2013 6:27 pm

Thanks jordan, it works great.

[RZ] · Post by **[RZ]** » Wed Feb 13, 2013 10:38 pm

@jordan
in my humble opinion, this way you force the user to remember to add/edit/remove a patch for each jquery tabs he may add, delete or modify... otherwise the page will have runtime errors.
@presto
seeing you are fine with the jordan's patch, i decided not to release an update.

with regards

jordan · Post by **jordan** » Thu Feb 14, 2013 12:07 am

[RZ] wrote:@jordan
in my humble opinion, this way you force the user to remember to add/edit/remove a patch for each jquery tabs he may add, delete or modify... otherwise the page will have runtime errors.
@presto
seeing you are fine with the jordan's patch, i decided not to release an update.

with regards

hi rz

wow, don't know where this comes from… but …
which runtime errors ? there are no runtime errors even if you remove or add a 100 WB jQueryTabs-sss ?
I was just trying to help, it appears you don't like that, so from now on I will stay out of your way, no problemO!
if you think it's a bad solution then why not release a better solution, I hope you create an extension solution for presto despite any personal dislike(?)

cheers and have a nice day anyway! .

.

[RZ] · Post by **[RZ]** » Thu Feb 14, 2013 12:45 am

no jordan, you took this 100% wrong.
anyway, i tell what/where i meant run time errors:
$(function (){setTimeout(function() {$('#jQueryTabs1 li').addClass('scrollable_navigation')}, 0)});

you must correctly type in the #object_id, or change it, or add new lines like this one for every jquery tabs object you add/remove/modify[its id], not for every tab you add/remove in the jquery tabs object.

for a not so advanced user (i'm not meaning any member, just an example) this may be not so clear if some time he changes something in the design.
if the function points to a non existent #selector, the page will have errors.

where i said "a bad solution"? instead of this, i said "in my humble opinion, this way you force the user to remember... [etc]"

if the user is happy with your code, and is working fine for him, why i need to reinvent the wheel?
as i stated, i'm not familiar with the jquery tabs object, i just looked at the generated code and i must be 100% sure how it works, and if there are other variants that can be generated in the code depending on the object's settings. that's all...

and btw, i'm not at all as you may think about me, not only i'm not a prideful/arrogant person, also i have no time to be so irritable. again, i gave you my very personal opinion about the proposed line of code, and if the user is happy with it, it is 100% fine and good. hey man, don't be so sensitive lol!

a very nice day for you too!

jordan · Post by **jordan** » Thu Feb 14, 2013 1:27 am

the point that made me frown was not if you liked my help or not
if you don't you don't, if you do you do, that's a moo point
but the fact that you stated that you would not release an update

a selector like that will not create a runtime error even if you would forget about it ...it would be sloppy
but yes, I think it's better to have an internal extension solution, that was the shock face for, I was convinced you would see it that way too

like I said, I was just trying to help, if you like it then that's great, if you don't that's fine too, no sensitivity here
but not if it hurts a WB user, then it's not a moo point, that was the fuzz of my writing

anyway, presto will be on your tail if he does not like it I suspect .

.

presto · Post by **presto** » Thu Feb 14, 2013 1:35 am

Hi [rz] and jordan:
both of you have given me a great help to design my site properly. Many thanks to you. There is no need to start to argue, be happy - as I am: I have written my own extension now, just for my personal use, using [rz] original code plus the addition jordan had posted .not('a[href*="jquerytabs"]'). And of course gave credit to [rz] and jordan inside of the extension

It works excellent with jordans addition and I only can give the advice to [rz] to add this little peace of code to his extension.

[RZ] · Post by **[RZ]** » Thu Feb 14, 2013 1:48 am

too much for me... and very late here, have a good night men...

[RZ] · Post by **[RZ]** » Sun Jun 02, 2013 10:35 pm

* About new version 1.0.3

Added compatibility with [rz] Preloaded Links extensions.

mnwitten · Post by **mnwitten** » Mon Sep 16, 2013 3:35 pm

[RZ]...I'm running into an repeating issue with all the smooth scrolls including yours. I was hoping you may be able to provide some help or direction.

I put up a test to show this issue. If you browse to http://www.paupackplunge.com/scroll you can click on the "test" text on top and you will notice that it scrolls to the anchor, but not using a smooth scroll. Repeated tries will work...however. But if you browse to http://www.paupackplunge.com/scroll/index.html you can click on the "test" text on top and the smooth scroll works even the first time. I've narrowed this down to the lack of the index.html in the URL. If you watch the brower's address bar, as long as the index.html is there...it works. When it is not there...it doesn't.

Are you aware of any way to correct this? I believe that if the URL contains the page name, everything will work fine. But how do I force this to occur without playing with redirection? Maybe something in htaccess? And I don't want to mess up SEO and indexing of the actual website where I'm looking to use this. I am also surprised that this hasn't been reported to you and the other smooth scroll extension builders as it seems like a real obvious issue. Basically, if you use a smooth scroll on an index page on a .COM, the first smooth scroll will simply jump to the anchor instead of smoothly scrolling.

Any suggestions, thoughts or ideas?

[RZ] · Post by **[RZ]** » Mon Sep 16, 2013 3:46 pm

please note that this is not an issue.
you should contact your hosting about the htaccess file, because it may be vary in each service/configuration provider.
you can use the preloader/redirector to avoid the "issue" you are reporting, but if you don't want that solution you should choose for the paid one, but it is undergoing an internal improvement and is not released yet, it can be ready in a few weeks.

Batusz · Post by **Batusz** » Sat Dec 14, 2013 11:13 pm

Dear RZ

I could not scrolling to Bookmark

please send sample file,

Thank you

[RZ] · Post by **[RZ]** » Sat Dec 14, 2013 11:35 pm

without seeing what you did it is impossible to give an useful advice
anyhow:
have you read the instructions file attached in the downloaded zip?

from the info file:

* Important note

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.

Batusz · Post by **Batusz** » Sun Dec 15, 2013 11:35 am

sorry, I'm not doing something right

yes downloaded zip files

1. create big text block
2. I will place the bookmark
3, pageproperties _ Do not center this page in the browser window
4. use extension
5. create button

dont scroll , ..... jump......

[RZ] · Post by **[RZ]** » Sun Dec 15, 2013 11:47 am

from the info file:

* Important note

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.

Batusz · Post by **Batusz** » Sun Dec 15, 2013 12:02 pm

yes
3, pageproperties _ NO ..Do not center this page in the browser window

Please check out the attachment

[RZ] · Post by **[RZ]** » Sun Dec 15, 2013 12:08 pm

it works fine at my end

Batusz · Post by **Batusz** » Sun Dec 15, 2013 12:20 pm

I still jump not scroll....................... my browser chrome,firefox
your website perfect scroll...

[RZ] · Post by **[RZ]** » Sun Dec 15, 2013 12:43 pm

do you have javascript enabled?

Batusz · Post by **Batusz** » Sun Dec 15, 2013 12:48 pm

yes, your website scroll perfect
WWB 9.2..

your website in the scrolltime???

[RZ] · Post by **[RZ]** » Sun Dec 15, 2013 12:56 pm

sorry i can't understand you

Batusz · Post by **Batusz** » Sun Dec 15, 2013 12:59 pm

ok thank you....

[RZ] · Post by **[RZ]** » Sun Dec 15, 2013 1:02 pm

try disabling the html beautifier option and also disable the optimize inline styles
both in menu / tools / options / html

Batusz · Post by **Batusz** » Sun Dec 15, 2013 2:19 pm

......dont work

[RZ] · Post by **[RZ]** » Sun Dec 15, 2013 3:37 pm

i don't know, it does work at my end without any glitch

Batusz · Post by **Batusz** » Sun Dec 15, 2013 4:34 pm

please send you sample file

....perhaps

[RZ] · Post by **[RZ]** » Sun Dec 15, 2013 4:38 pm

the sample you sent me DOES work
please publish your page and give me a link to see what happens online

Batusz · Post by **Batusz** » Sun Dec 15, 2013 4:45 pm

http://proba.lionnoil.hu/

[RZ] · Post by **[RZ]** » Sun Dec 15, 2013 4:55 pm

please download it again and reinstall the extension
you are currently using an outdated version

Batusz · Post by **Batusz** » Sun Dec 15, 2013 5:01 pm

OOOOOOO YES YES MANY MANY THANK YOU

)))))))))...and sorry

[RZ] · Post by **[RZ]** » Sun Dec 15, 2013 5:11 pm

no problem
glad to know it does work also at your end
don't forget to visit the other links

Batusz · Post by **Batusz** » Sun Dec 15, 2013 5:21 pm

Enupnion · Post by **Enupnion** » Tue Mar 11, 2014 1:54 pm

Hey, RZ ... THANKS! That extension is a thing of beauty! Lightweight and dead easy to use. Thanks again!

naftalina · Post by **naftalina** » Tue Mar 18, 2014 10:49 am

Thanks for this nice plugin!

I'll like more if I can set "scrolling time" and "effect time" separatelly?

[RZ] · Post by **[RZ]** » Tue Mar 18, 2014 11:05 am

Enupnion wrote:Hey, RZ ... THANKS! That extension is a thing of beauty! Lightweight and dead easy to use. Thanks again!

thank you for your feedback!

[RZ] · Post by **[RZ]** » Tue Mar 18, 2014 11:05 am

naftalina wrote:Thanks for this nice plugin!
I'll like more if I can set "scrolling time" and "effect time" separatelly?

thank you for your feedback, glad to know you like it
however, i cannot understand what your question is

naftalina · Post by **naftalina** » Tue Mar 18, 2014 11:25 am

[RZ] wrote:
naftalina wrote:Thanks for this nice plugin!
I'll like more if I can set "scrolling time" and "effect time" separatelly?
thank you for your feedback, glad to know you like it
however, i cannot understand what your question is

I just added plugin to my site: http://naftalina.org/
I set "scrolling time" to 888 and now elastic effect lasts and looks just the way I like but scrolling is too fast.
It would be nice if would be possible to set the "Scrolling time" and "Easing time" separetely.

[RZ] · Post by **[RZ]** » Tue Mar 18, 2014 11:35 am

the effect time includes the easing, this means that you should enter more milliseconds in order to let the extension accomplish the whole effect (time / distance / inertia / bouncing)
i.e. in this site http://magnawebstudio.com, the extension has the following settings:
scroll time : 3200
easing : easeOutBounce
hope this helps

naftalina · Post by **naftalina** » Tue Mar 18, 2014 12:35 pm

I'm not a programmer and to me is difficult to understand the principe, but now I set 3200/easeOutBounce on my site this effect and makes me little dizzy.
I'd like a much smaller amplitude of bouncing and shorter bouncig time.

[RZ] · Post by **[RZ]** » Tue Mar 18, 2014 12:42 pm

it is still set at 888 milliseconds

naftalina · Post by **naftalina** » Tue Mar 18, 2014 12:48 pm

[RZ] wrote:it is still set at 888 milliseconds

I set in preview and I didn't like it.
Now I set (online) 3200/easeOutQuint

I will like elastic or bounce effect but I can't set how I like.

[RZ] · Post by **[RZ]** » Sun Apr 13, 2014 11:33 am

* About new version 1.0.3.2

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

[RZ] · Post by **[RZ]** » Fri Nov 14, 2014 9:33 am

UPGRADE AVAILABLE:

* About new 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).

[RZ] · Post by **[RZ]** » Sun Jan 25, 2015 3:28 pm

* About new 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.

[RZ] · Post by **[RZ]** » Thu Apr 16, 2015 12:00 am

* About new 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.

[RZ] · Post by **[RZ]** » Fri Oct 16, 2015 7:11 am

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

[RZ] · Post by **[RZ]** » Thu Feb 25, 2016 12:25 pm

* New in version 1.0.5:

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

[RZ] · Post by **[RZ]** » Sat Jul 02, 2016 8:44 pm

* New in version 1.0.5.1:

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