Scrollbar on demand in CSS (overflow property)

Question

I am creating a <div> with a class someClass

.someClass {
   overflow:scroll
   /*other props*/
}

The problem is that the scrollbars are always visible even when the data is not overflowing. I want the scrollbars to be visible only when data actually overflows.

Tor Valamo · Accepted Answer · 2010-01-01 23:29:22Z

10

overflow:auto; should do it. You need to set a width (for horizontal scrolling) and height (vertical) for that to pop out scrollbars at the right time though.

answered Jan 1, 2010 at 23:29

Tor Valamo

33.9k11 gold badges76 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Daniel Vassallo · Accepted Answer · 2010-01-01 23:29:20Z

4

Use overflow: auto;

answered Jan 1, 2010 at 23:29

Daniel Vassallo

346k72 gold badges514 silver badges447 bronze badges

Collectives™ on Stack Overflow

Scrollbar on demand in CSS (overflow property)

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related