CODEWITHSUNDEEP
htmlcss
italiano40
italiano40

Reputation: 496

CSS overflow and having the browser native scrollbar to be used

I have a DIV section with the css

#all_messages{
position:inherit;
overflow:auto;
height:100%; 
width:100%;
}

I want to make it scroll inside the page which i did with the overflow but i don't want an extra scrollbar on the page, i would like native browser's scrollbar to control that not one scrollbar just for that section

screenshot

Ok so in the picture you can see i have two scrollbars i want to remove the inner scrollbar and have it controlled by the browser's native scrollbar

Upvotes: 0

Views: 957

Answers (2)

Pamela
Pamela

Reputation: 93

I think what you want to do is make all the other elements on the page position:fixed. If the content in the remaining section overflows, the browser bar will appear automatically. You must also remove the overflow:auto property from that div, so that it won't create an inner scroll as well.

Upvotes: 2

Daniel A. White
Daniel A. White

Reputation: 190907

Use overflow: hidden. This will restrict it and not show any scroll bars.

Upvotes: -1

Related Questions