Question

In IE8 when dynamically removing TR elements from a table inside a DIV with a static height and overflow set to auto the scroll bar remains visible when its not needed anymore.

Here is a an example:
http://jsfiddle.net/9HGJm/17/

Is there a way get IE to hide the scroll bar when its not needed anymore as other browsers do?

Answer 1

I ended up using Foobar’s approach by manually changing the overflow property. Appears to be the only way to get IE8 to cooperate.

      if ( $('#container> div').height() <= $('.selectionData').height() ) {
              $('#container').css('overflow','visible');
        } else {
              $('#container').css('overflow','auto');           
       }  

Here is an example of the result: http://jsfiddle.net/9HGJm/7/