D r a g D i v S c r o l l
To demonstrate the script and read about all features, scroll 'up' by dragging the mouse cursor.
Later try the scrollwheel if available.
Scroll a div vertically or horizontally by swiping the mouse cursor
The one-script solution to:
- Emulating the swipe-scrolling functionality of popular handheld devices.
- Scrolling div content (even hidden) with the scrollwheel, vertically and horizontally.
Toggle the default scrollwheel axis by clicking the mouse button.
The full-page equivalent script is
D R A G S C R O L L
Single or dual axis scrolling. When both axes are scrollable, can be configured only to scroll in one.
Overscroll ( slowing down after releasing the mouse button ) can be inhibited.
To facilitate conventional actions such as text-selection & scrollwheel zooming, both swipe-scrolling and custom scrollwheel action can be configured to be toggled on/off by double-clicking.
The new status is shown momentarily by an on-screen status indicator. The scrollable area below has this feature enabled.
For situations in which the ability to toggle may cause confusion, the feature can be inhibited as it is here.
The double-clicking functionality does not interfere with double clicking of links.
Hides scrollbars so that they can remain available on non-scripting clients.
Can be configured to leave scrollbars visible.
For appropriate content, the scrollwheel axis can be defaulted to horizontal.
Supports multiple divs on the same page, each with their own options applied.