S l i d e S c r o l l
Accessible Variable-Speed Buttons for Scrolling Divs, Frames or Iframes.
- Features -
- Scroll speed is controlled by the cursor's position on the button; larger buttons allow finer control.
- For accessibility, scroll buttons can activated using keyboard navigation, then operated using the Up, Down, Left and Right arrow keys or Page Up/Page Down keys as appropriate.
- A single button can be set to:
- Scroll in 1, 2, 3 or 4 directions.
- Scroll in both axes simultaneously.
- To enhance operation, button response is modified in two ways:
- Accelerate to the selected speed; prevents accidental large movements.
- Ignore rapid movement; lets the cursor 'escape' from or pass through a button without performing an unwanted scroll. This is essential for omni-directional buttons.
- Pressing the left mouse button provides a x3 'Turbo' mode.
- Configurable maximum scroll rate.
- Provides optional support for scrollwheel scrolling on both axes, which with hidden scrollbars is not normally possible.
- The scrollwheel axis can be defaulted to vertical or horizontal
- Switch the scrollwheel axis by clicking mouse button
- Any graphic image can be used as a scroll control; they do not have to look like those used here.
Design your own buttons to match the style of your site using Windows® Paint or Gimp.
The design should indicate that speed is controllable. - Scroll controls need not be images, other elements such as suitably-styled <div>, <span>, <button> etc are also suitable.
- Can call a user-supplied function, passing data required to change button states at scroll extremes or generate a 'percentage scrolled' display.
- Converts relevant <object> elements into <iframe> to allow validation of strict doctypes.
- For cursor-controlled div scrolling without on-screen controls, try CursorDivScroll.
- To scroll div content by dragging, try DragDivScroll .
