Using overflow: hidden; on the body disables vertical scroll

HTML & CSS
1

I want to keep vertical scroll.

How do you use overflow: hidden; without disabling vertical scroll?

body{
  overflow:hidden;
}

https://jsfiddle.net/5hsv3to6/1/

2

You can use overflow-x: hidden;

2 Likes
3

Why do you want to hide the overflow on the body anyway?

That doesn’t help anyone?

2 Likes
4

How would the overflow be removed then?

5

If you remove the overflow your users wont be able to scroll to see all the buttons. What is the point of having a design that can’t be accessed fully?

In this responsive age your designs should adapt to the screen width and this means that there is no issue with scrollbars. You should either scale the element smaller or more simply go down to 2 columns and then one column.

Just hiding the scrollbar is rarely the right answer unless its just for a demo.

2 Likes
6

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.