[rz] Scrollbar II *** UPD 2018-Oct-05 ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available, but the discussions may still be helpful for some users.
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.
Locked
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

[rz] Scrollbar II *** UPD 2018-Oct-05 ***

Post by [RZ] »

[rz] Scrollbar II v2.0.3

This extension allows you to add advanced custom scrollbars that fit your design scheme.
It can be used for page, layers, text, etc...

Some features:

- Horizontal and vertical support.
- Draggable track for fast scrolling.
- Clickable trackbase for fast pointing.
- Full keyboard support.
- Mousewheel and touch-screen support.
- Standard and cyclic scroll.
- Complex content support (like nested/hidden/visible layers).
- Multiple objects can belong to the same instance sharing the same customization.
- Multiple instances for different objects customization within the same page.
- RTL support.
- Wide set of custom styles.
- Smooth effect with custom inertia and timing.
- Custom styles.
- No jQuery required nor extra libraries or dependencies.

...and more


HTML 4.01 Transitional
W3C compliant


DEMO


* New in version 2.0.3

- Improved mouse wheel support on Vivaldi browser.

* New in version 2.0.2

- Exception list; allows to exclude specific device/s from the extension and let the platform/device handle the scrollbar natively.

* New in version 2.0.1

- Improved navigavility with [alt]-[left] and [alt]-[right] keys.
- Excluded element/s list (under 'Advanced' category); specifies the object/s that will be excluded from the holder actions (useful for [rz] Styled gMaps, Google Maps and similar elements).
- Fixed a minor issue with "hard-coded" events.

* New in version 2.0

- This version replaces its predecessor; [rz] Scrollbar 1.x has been deprecated and removed and is not supported.


How to use?

1. Design your page and/or layers as you usually do.
2. Add the custom scrollbar extension to your page.
3. Optionally, setup the appearance of the scrollbar that best fits your design scheme.
4. Preview or publish.

Enjoy!


[rz] Scrollbar II (ifr-cnt)

This utility extends the [rz] Scrollbar II functionality and it has been designed to handle inline frames content seamlessly.
The main extension has many workarounds to bypass browsers limitations and their different implementations; however, the "seamless" iframe object (also) usually behaves different accross browsers and may interfere with the ancestor scrollbar on some browsers.
In the case you need the custom scrollbar within the iframe, you just drag and drop the [rz] Scrollbar II instance and this is enough; but for a simpler and lightweight implementation -iframe without scrollbars which its content is not longer than the container- you just drag and drop a [rz] Scrollbar II (ifr-cnt) instance.
If the iframe content is dynamic, means that sometimes it may be longer than the container, you can have both [rz] Scrollbar II and [rz] Scrollbar II (ifr-cnt) instances in the same (embedded) page.
You do not need to setup any property, all is done for you (optionally, the extension can prevent the sub-page to be opened as a standalone page and redirects it to -usually- its container -or a different one-).


How to use?

- Static content, no scrollbar:

1. Open the sub-page.
2. Drag and drop a [rz] Scrollbar II (ifr-cnt) instance.

Note: In that case, the iframe must be the same size or greater than the sub-page contents so as the iframe object won't take the scrolling control.

- Static content, scrollbar:

1. Open the sub-page.
2. Drag and drop a [rz] Scrollbar II instance.

- Dynamic content:

1. Open the sub-page.
2. Drag and drop a [rz] Scrollbar II instance.
3. Drag and drop a [rz] Scrollbar II (ifr-cnt) instance.


Technical notes:

- Some browsers may not allow to preview locally this extended functionality; you must publish your page.
- The content cannot be cross-origin; both container and contents must belong to the same domain.

Enjoy!
Last edited by [RZ] on Fri Oct 05, 2018 10:23 am, edited 5 times in total.
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: [rz] Scrollbar II

Post by zinc »

RZ as always: AWESOME!!!! :wink:
Running WYSIWYG Web Builder since 2007...
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Scrollbar II

Post by [RZ] »

thanks :)
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: [rz] Scrollbar II

Post by naftalina »

Wow! Yesterday I wanted to ask on forum for help how to do nice scrolling like this.
Now I know how ;)
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Scrollbar II

Post by [RZ] »

thank you for your positive words
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: [rz] Scrollbar II

Post by naftalina »

[RZ] wrote:thank you for your positive words
I just tried extension. :)
I will add Scrollbar II in all my old and in all future sites. Excellent work :)
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Scrollbar II

Post by [RZ] »

thank you again for your feedback!
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Scrollbar II *** UPD 2015-Nov-02 ***

Post by [RZ] »

New extension: [rz] Scrollbar II (ifr-cnt)

This utility extends the [rz] Scrollbar II functionality and it has been designed to handle inline frames content seamlessly (with keyboard, mouse wheel, etc).
The main extension has many workarounds to bypass browsers limitations and their different implementations; however, the "seamless" iframe object (also) usually behaves different accross browsers and may interfere with the ancestor scrollbar on some browsers.
In the case you need the custom scrollbar within the iframe, you just drag and drop the [rz] Scrollbar II instance and this is enough; but for a simpler and lightweight implementation -iframe without scrollbars which its content is not longer than the container- you just drag and drop a [rz] Scrollbar II (ifr-cnt) instance.
If the iframe content is dynamic, means that sometimes it may be longer than the container, you can have both [rz] Scrollbar II and [rz] Scrollbar II (ifr-cnt) instances in the same (embedded) page.
You do not need to setup any property, all is done for you (optionally, the extension can prevent the sub-page to be opened as a standalone page and redirects it to -usually- its container -or a different one-).


How to use?

- Static content, no scrollbar:

1. Open the sub-page.
2. Drag and drop a [rz] Scrollbar II (ifr-cnt) instance.

Note: In that case, the iframe must be the same size or greater than the sub-page contents so as the iframe object won't take the scrolling control.

- Static content, scrollbar:

1. Open the sub-page.
2. Drag and drop a [rz] Scrollbar II instance.

- Dynamic content:

1. Open the sub-page.
2. Drag and drop a [rz] Scrollbar II instance.
3. Drag and drop a [rz] Scrollbar II (ifr-cnt) instance.


Technical notes:

- Some browsers may not allow to preview locally this extended functionality; you must publish your page.
- The content cannot be cross-origin; both container and contents must belong to the same domain.

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

Re: [rz] Scrollbar II *** UPD 2015-Nov-02 ***

Post by [RZ] »

hello
extensions are sent upon payment
you can follow the links in the signature below this post
thank you
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Scrollbar II *** UPD 2018-Jan-06 ***

Post by [RZ] »

* New in version 2.0.1

- Improved navigavility with [alt]-[left] and [alt]-[right] keys.
- Excluded element/s list (under 'Advanced' category); specifies the object/s that will be excluded from the holder actions (useful for [rz] Styled gMaps, Google Maps and similar elements).
- Fixed a minor issue with "hard-coded" events.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Scrollbar II *** UPD 2018-Sep-05 ***

Post by [RZ] »

* New in version 2.0.2

- Exception list; allows to exclude specific device/s from the extension and let the platform/device handle the scrollbar natively.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Scrollbar II *** UPD 2018-Oct-05 ***

Post by [RZ] »

* New in version 2.0.3

- Improved mouse wheel support on Vivaldi browser.
Locked