Custom Scrollbar *** UPDATED Dec-09-2012 ***
Posted: Sun Apr 22, 2012 12:13 pm
this version has been deprecated
use this viewtopic.php?f=53&t=68218 instead
[rz] Scrollbar v1.2.2
This extensions set allows you to add custom scrollbars to layers.
Sample project file included.
Some features:
Custom images for up/down and left/right arrows.
Draggable track for fast scrolling.
Clickable trackbar for fast pointing.
Full keyboard support (autorepeat supported in Opera as well).
Mousewheel support.
Complex content supported (not just one plain-text block).
Compatibility support for complex page designs (like nested and hideable layers).
You can have as many scrollbars you want in the same page!
Tested in Chrome, FireFox, Opera, Safari, Maxthon, Lunascape, IEquirks, IE6, IE7, IE8 and IE9;
...and more
HTML 4.01 Transitional
W3C compliant
New in version 1.2.2:
Fixed a few pixels gap when the container has padding (i.e. now you can scroll the text object content directly; also when it has padding and overflow settings).
Improved keyboard events handling in Safari and Lunascape (Gecko and WebKit modes) browsers in pages with multiple jQuery effects running in background.
Fixed the background image missing in styled objects under certain conditions.
A workaround for a known issue with click/doubleclick events in IE8 and earlier versions.
New max scrolltrack size property for both horizontal and vertical scroll modes; this allows proportional, fixed and fixed-proportional size modes for the trackbar.
Better focus method under certain browser conditions.
Some minor tweaks in the extension core.
New in version 1.2.1:
Workaround that solves a bug (touchscreen devices false positive) in Maxthon browsers.
Compatibility backward for a correct startup in IE7 and earlier and other browsers with similar engine/core when using php dynamic content.
Workaround for IE bug, a pixel gap rendering rtl pages.
New in version 1.2:
Support for touch devices (drag/scroll).
New in version 1.1.1:
Touch'n'scroll feature automatically disabled on touch devices for smoother performance.
Horizontal scrollbar's track bar 0px fixed in edit mode.
New in version 1.1:
Improved compatibility with IE.
Horizontal scrollbar added (with synchronization support for the vertical scrollbar extension).
"Touch'n'scroll" feature.
How to use?
Design your layer as you usually do, then set its overflow property to hidden.
Add the custom scrollbar extension to your page.
Type in the layer ID that you want to customize.
Use the provided sample images for the arrows or design your own ones that match your scheme.
The same applies to the horizontal scrollbar. Just only one rule you must follow.
If you want to have both horizontal and vertical scrollbars synchronized for the same layer, the horizontal scrollbar must be after the vertical one; use the Object Manager panel to be sure you did as it is described. Of course, don't forget to tell the horizontal scrollbar (in its properties window) with which vertical extension will be synchronized.
Notes:
Now you don't need anymore the previously provided fix for transparent layers in IE. The mousewheel support does it automatically!
Due to technical reasons, the support for IEquirks was removed from the horizontal scrollbar.
Enjoy!
use this viewtopic.php?f=53&t=68218 instead
[rz] Scrollbar v1.2.2
This extensions set allows you to add custom scrollbars to layers.
Sample project file included.
Some features:
Custom images for up/down and left/right arrows.
Draggable track for fast scrolling.
Clickable trackbar for fast pointing.
Full keyboard support (autorepeat supported in Opera as well).
Mousewheel support.
Complex content supported (not just one plain-text block).
Compatibility support for complex page designs (like nested and hideable layers).
You can have as many scrollbars you want in the same page!
Tested in Chrome, FireFox, Opera, Safari, Maxthon, Lunascape, IEquirks, IE6, IE7, IE8 and IE9;
...and more
HTML 4.01 Transitional
W3C compliant
New in version 1.2.2:
Fixed a few pixels gap when the container has padding (i.e. now you can scroll the text object content directly; also when it has padding and overflow settings).
Improved keyboard events handling in Safari and Lunascape (Gecko and WebKit modes) browsers in pages with multiple jQuery effects running in background.
Fixed the background image missing in styled objects under certain conditions.
A workaround for a known issue with click/doubleclick events in IE8 and earlier versions.
New max scrolltrack size property for both horizontal and vertical scroll modes; this allows proportional, fixed and fixed-proportional size modes for the trackbar.
Better focus method under certain browser conditions.
Some minor tweaks in the extension core.
New in version 1.2.1:
Workaround that solves a bug (touchscreen devices false positive) in Maxthon browsers.
Compatibility backward for a correct startup in IE7 and earlier and other browsers with similar engine/core when using php dynamic content.
Workaround for IE bug, a pixel gap rendering rtl pages.
New in version 1.2:
Support for touch devices (drag/scroll).
New in version 1.1.1:
Touch'n'scroll feature automatically disabled on touch devices for smoother performance.
Horizontal scrollbar's track bar 0px fixed in edit mode.
New in version 1.1:
Improved compatibility with IE.
Horizontal scrollbar added (with synchronization support for the vertical scrollbar extension).
"Touch'n'scroll" feature.
How to use?
Design your layer as you usually do, then set its overflow property to hidden.
Add the custom scrollbar extension to your page.
Type in the layer ID that you want to customize.
Use the provided sample images for the arrows or design your own ones that match your scheme.
The same applies to the horizontal scrollbar. Just only one rule you must follow.
If you want to have both horizontal and vertical scrollbars synchronized for the same layer, the horizontal scrollbar must be after the vertical one; use the Object Manager panel to be sure you did as it is described. Of course, don't forget to tell the horizontal scrollbar (in its properties window) with which vertical extension will be synchronized.
Notes:
Now you don't need anymore the previously provided fix for transparent layers in IE. The mousewheel support does it automatically!
Due to technical reasons, the support for IEquirks was removed from the horizontal scrollbar.
Enjoy!