Nested scrollbars (a scrollable area within another scrollable area) present some unfortunate difficulties, mainly when scrolling trough them with the mouse wheel.
Whether such scrollbars are a good idea at all, or should be avoided, has been discussed before:
For this question, I would like to ask what can be done if one is stuck with such a constellation:
Let's say that the above window layout is already mostly set in stone. The app has an outer area that is too tall for a single screen, and several tall inner areas. What can be done to make user interaction with a mouse scroll-wheel easier?
The default windows paradigm seems to be:
- scroll the area over which the mouse cursor currently resides
- unless it is not possible to scroll further in that direction, in that case scroll the next higher level.
Is this a reasonable default? In my experience this can lead to some jarring interactions when an user tries to scroll the large area, and during that process a smaller area is moved below the cursor, so the scroll target switches.
What can be done to improve the user experience here?