No more scroll paradox!
Scroll on drag
Click and drag for scroll content in both direction. Accelerated and inertial motion for all child blocks.
BarOn - Customizable scrollbars (beta)
Plug-in to changing scrollbars style BarOn...
Scroll page with mouse wheel in both direction. Automatic switching between Horizontal or vertical scroll direction for blocks in best visual position.
Smoth pagination plugin (in developing)
Smoth automatic scroll to anchor in contents. Anchors works without any plugin, but is not smoth.
Extended keyboard scrolling
Smoth scrolling with keyboard control keys. Suport horizontal and vertical scrolling for blocks in best visual position.
No limits to use scroll. Use horizontal scroll in own projects with Metro style. Or use vertical scroll, as well as combine both.
and solutions ...
How it was!
- Side scrolling wheel worked through modifier or not work at all;
- Block with scrolling inside another block with scrolling, scroll started at running over it, even when there showing a 1 pixel;
- On the tablet is not possible to scroll through the page vertically, if the block that scrolls horizontally, occupying the entire display area;
- Intuitive scrolling by dragging is not applicated. For example, the large image within the preview area, just do not implemented in any browser.
- Scroll through the pages on the keyboard occurred intermittently. Difficult to predict what the block will be scrolled.
So it will be!
- Side scrolling must always be running, without any keyboard modifier;
- Scrolling should work then when it's convenient. For example: on Scroll down block must scrolled only when block is visible at 100% or when the middle of the block reached middle of the display;
- Scrolling not limited in different directions on the touchable devices;
- Implement drag-style scroll with easing.
- Scroll control buttons smoothly moves the page without causing the gap in perception. Blocks are selected automatically when their optimal location.
Automatically link the latest version
How to use...
Add a class "dragon" to the <body> block or any other blocks. All block elements with active scrolling inside root element with a class "dragon", will be connected.
Be careful. Event capturing mousedown, between the root and the block with scrolling probably forbid smart scrolling. In this case, you can assign multiple nested root blocks.
$( [selector] ).dragOn()
No more wrapers!
Only one instance
Only one instance of object BarOn will support Scrollbars for all child blocks.
Style in CSS
All visual properties of scrollbars can be changed in CSS.
Do not created any wrappers for scrolled block.
Scrollbar will be located on the border of the visible part of the block. Even if the other part of block is beyond the boundaries of the parent.
Only two auxiliary blocks will created for each instance of object BarOn.
Worked under model of scroll event.
every problem will be solved,
I am a graphic designer and creative code developer. Hobby different areas (communication / programming / graphic design / prepress / protection) formed a special skills that help you to thoroughly analyze the development.
My experience in graphic design for 17 years. Been programming since the Zilog Z80. Take a great interest in web development for 3 years.