Adding items in DOM with jQuery without browser scrollbar update

Question

I am adding many <li> to a <ul> using jQuery with the append method.

When there is more <li> than the browser space can accomodate, I expected the vertical scrollbar to enable scrolling but it doesn't show at all.

I have tried this in Firefox and Chrome and the effect is the same.

Answer 1

Finally, the problem was caused because of the ExtJS Layout system I was using...

Answer 2

it sounds like you have a css issue. Scrollbars are determined by the css overflow property.

try

#myul {
  overflow:scroll;
}

or

#myul {
  overflow:auto;
}