Custom Scrollbar overflow?

Question

I have made a cool looking scrollbar. I can not seem to get this right. I only want the thing to scroll in the y axis. For some reason, it keeps on the x and y. I want to be able to type in as much as i want, and it space down when there is not enough room on the x axis.... http://jsfiddle.net/Hunter4854/VgB2F/ What am i doing wrong, and how do i fix it?

Thomas Jones · Accepted Answer · 2012-05-01 16:35:07Z

1

you have to have overflow-x:hidden and word-wrap:break-word

http://jsfiddle.net/VgB2F/2/

answered May 1, 2012 at 16:35

Thomas Jones

4,94731 silver badges35 bronze badges

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

2 Comments

Hunter Mitchell Over a year ago

Thanks thanks thanks....Also, is there any way i can add some padding in there to make it look a little non-crowded?

Thomas Jones Over a year ago

jsfiddle.net/VgB2F/6. Note that I've lessened the width and height by the appropriate amount due to the css box model. quirksmode.org/css/box.html

Idrizi.A · Accepted Answer · 2012-05-01 16:42:20Z

1

replace in css

.scrollx{
    width: 400px;
    height: 300px; 
    background-color: #2A2A2A; 
    overflow-y:scroll; 
}

with

    .scrollx{
    width: 400px;
    height: 300px; 
    background-color: #2A2A2A; 
    overflow-y:scroll; 
    overflow-x:hidden;
    word-wrap:break-word;
}

http://jsfiddle.net/enve/VgB2F/5/

edited May 1, 2012 at 16:42

answered May 1, 2012 at 16:35

Idrizi.A

12.3k16 gold badges52 silver badges92 bronze badges

2 Comments

Thomas Jones Over a year ago

He wants it to scroll in Y, not X. It is currently scrolling in X.

Thomas Jones Over a year ago

"it space down when there is not enough room on the x axis" yours just overflows and hides the content. word-wrap:break-word; solves this.

Collectives™ on Stack Overflow

Custom Scrollbar overflow?

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related