On a home page I have two modules with a content that doesn't fit within the fold of the page: the main content and notifications on the right side. So I have some options:
- Two separate scroll bars for each module. But then it will look strange if I have a scroll bar of the main module almost in the center of the page.
- Only the main module has scroll bar on the right side of the home page (as usual). The user can see only a limited number of notifications, and the full list of notifications on a separate page (I have this notification page anyway). The notification module of the home page is floating and always visible when scrolling.
- Each module (main module and notifications) are placed in a kind of a container. So visually, it will look more logical if each of the containers will have separate scroll bar.
- Use hidden scroll bars. Both modules are scrollable, but the scroll bars are not visible even while scrolling. (Not good idea, since it doesn't give the user to feel the control)
Which one seems better? Any other ideas?