CODEWITHSUNDEEP
jqueryhtmlcssscrolloverflow
EhudFisher
EhudFisher

Reputation: 227

Html - Overflow:hidden still takes space

I have a problem with a scrollable div. There's a div acting as a scrollable container (using a jquery plugin). The container has an overflow:hidden style. it works as expected, but i noticed that the browser has a scroll too, something which I want to prevent.

I know i can disable scrolling on the html body entirely, but i wish to avoid this since it means manipulation on resize which isn't really an elegant fix.

I know that the hidden overflow, contrary to a "display: none", still takes up space. what I'm looking for is a simple way to have my overflow "really" hidden. enter image description here Thanks.

Upvotes: 8

Views: 4162

Answers (1)

mishan wavenet
mishan wavenet

Reputation: 21

You can add another wrapper div around your container and add this style for that.

.wrapper{
   overflow: clip;
}

Upvotes: 0

Related Questions