Explorer 6 can't handle 4 jScrollPanes / DIsplay:none's.

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Either add 
2.
3.

What is the expected output? What do you see instead?

What version of the jScrollPane are you using? On what browser? And
operating system?

Please provide a URL to a page displaying the problem.

Please provide any additional information below.

Original issue reported on code.google.com by internet...@gmail.com on 27 May 2009 at 12:13

[GoogleCodeExporter]

Hi,

Most of your message got cut off - please try posting again including a URL 
etc...

Thanks,

Kelvin :)

Original comment by kelvin.l...@gmail.com on 28 May 2009 at 6:06

[GoogleCodeExporter]

Sorry, I was sure I re-posted...

To reproduce the problem:
1. Initialize a jScrollPane on an item that is either set to display:none via 
CSS, or
hidden by jQuery's hide().
2. Show that element with a jQuery show(), etc.
3. jScrollPane won't load.

This happens on all browsers/OS's, as I recall. In any case I solved it 
temporarily
by reinitializing jScrollPane whenever a hidden element is presented, like so:

$("a.openTemplatePop").click(function() {
  $("#pop-up").fadeIn('fast'); //opens popup
  $("#pop-up ul").jScrollPane({showArrows:true}); // Initialize scroll on inner list
inside the pop-up
});

Original comment by internet...@gmail.com on 21 Jun 2009 at 10:25

[GoogleCodeExporter]

Hi,

Yes - this is a known issue with jScrollPane (and is not restricted to IE 6 - it
effects all browsers).

Please see issue 30 for a discussion - basically jScrollPane can't figure out 
the
size of a hidden element and so doesn't initialise correctly when called on a 
hidden
element.

I hope to address this at some point but for now you will have to use a 
workaround,

Thanks,

Kelvin :)

Original comment by kelvin.l...@gmail.com on 22 Jun 2009 at 4:00

• Changed state: Duplicate