- How do I make a horizontal page scrollable?
- How do I make my scrollbar float?
- Is horizontal scroll good UX?
How do I make a horizontal page scrollable?
Horizontal scrolling can be achieved by clicking and dragging a horizontal scroll bar, swiping sideways on a desktop trackpad or trackpad mouse, pressing left and right arrow keys, or swiping sideways with one's finger on a touchscreen.
How do I make my scrollbar float?
You can make this happen by adding more elements or changing the containers height. You then need to set the element's overflow to auto. If you only want a vertical scroll: overflow-y:auto; overflow-x:hidden. If you only want a horizontal scroll: overflow-x:auto; overflow-y:hidden.
Is horizontal scroll good UX?
Horizontal scrolling involves more effort since users typically have to move their mouse pointer to a specifically designated area on the screen and drag (while holding the mouse button) or click. In addition to this, some horizontal scrolling implementations make the design judder and hence impair user experience.