CODEWITHSUNDEEP
css
jstice4all
jstice4all

Reputation: 1948

Scrollbar for parent containing absolutely positioned element

I have the following code jsbin. Is it possible to have vertical scroll when messages overflow the wrapper? Thanks!

Upvotes: 1

Views: 284

Answers (1)

Amit
Amit

Reputation: 1919

replace your css with this css demo

#wrapper {
  position: relative;
  height: 400px;
  border: 1px solid #AAA;
  margin-bottom: 20px;
}

#list {
  position: absolute;
  bottom: 0;
  width: 100%;
  max-height:100%;
  overflow-y: auto;
}

.message {
  background-color: orange;
  padding: 10px;  
  border-bottom: 1px solid red;
}

Upvotes: 5

Related Questions