CODEWITHSUNDEEP
htmlcss
user4082764
user4082764

Reputation:

CSS 100% height scrolling

Hi everyone I have one problem about scrolling.

I created this full page DEMO and edit page DEMO from codepen.io . In this demo you can see there is a left sidebar for message area.

I am using this CSS for .message_area but overflow-y: scroll; is not working: 

.message_area {
    float:left;
    position:absolute;
    width:331px;
    padding-top:5px;
    padding-bottom:5px;
    bottom:0;
    top:64px;
    left:0;
    overflow-y:scroll;
    overflow:hidden;
    min-height:100%;
}

What is the problem here anyone can tell me?

Upvotes: 0

Views: 95

Answers (1)

Sarcadass
Sarcadass

Reputation: 364

Remove the -webkit-backface-visibility: hidden; from the body

Upvotes: 0

Related Questions