jScrollPaneContainer has wrong height when not an existing div class

[GoogleCodeExporter]

What steps will reproduce the problem?
1. When I have my pane window with a wrapper div that doesn't have 
class="jScrollPaneContainer" and the jScrollPane script adds this div, the new 
div has the wrong height.  It has the same height as the pane window div, which 
is too long vertically.

However, if I change the wrapper div to have the class="jScrollPaneContainer", 
it works fine.  It appears to be an issue with the beginning code where it 
figures the height/width, but I'm not sure where it's failing.

What version of the jScrollPane are you using? On what browser? And operating 
system?
$Id: jScrollPane.js 93 2010-06-01 08:17:28Z kelvin.luck $
Firefox 3.6.8
Ubuntu 10.04

Original issue reported on code.google.com by amereser...@gmail.com on 5 Aug 2010 at 7:05

[GoogleCodeExporter]

If you add a wrapper div manually with a class of jScrollPaneContainer then you 
will have errors in IE and jScrollPane won't work correctly...

What CSS do you have on the div you are applying jScrollPane to? You should 
have minimal CSS on this div (particularly positioning stuff like position, 
float, margin and padding). If you need stuff like this then put it on an 
external div and apply jScrollPane to the internal div...

Original comment by kelvin.l...@gmail.com on 5 Aug 2010 at 9:55

[GoogleCodeExporter]

Ok, I've done what you said and that seems to have fixed at least that issue, 
but the scrollbar isn't proportional to the content.  I've also had a very 
difficult time figuring out how to set a custom height to the scrollbar since 
it seems to ignore any value I give it in the stylesheet for the track.

Here's the link to a working version of the theme I'm developing with it:
http://dev.mercyscross.com/community/

Once this issue is resolved, could you please remove this link?

Here is my init settings for it as well:
jQuery(function() { jQuery('#post-box').jScrollPane({ topCapHeight: 20, 
bottomCapHeight: 10 }); });

Thank you for the fast reply and help!

Original comment by amereser...@gmail.com on 5 Aug 2010 at 8:20

[GoogleCodeExporter]

I'm afraid that I can't see what the problem is from a quick look at the page. 
Although I notice you are floating the jScrollPaneTrack right instead of 
positioning it absolutely. Did you change any of the other core CSS?

The new version of jScrollPane is nearly finished and will be released over the 
next few days - you may be best off waiting for that to see if it fixes your 
problems - it is a complete rewrite and hopefully should be more solid and 
robust...

Original comment by kelvin.l...@gmail.com on 6 Aug 2010 at 1:41

[GoogleCodeExporter]

The issue can be seen if you try scrolling down.  The scroll "drag" doesn't go 
to the bottom of the scroll track, but instead only partially, or is this how 
it's designed to work?

It would make better sense if it moved the full length of the track and 
accommodated the content length, however short or long it may be.

I'll definitely check out the new version.  I've got to get this layout 
finished and launched within the next couple of days and this script is the 
only one I could find that didn't involve me having to work from a very basic 
scrollbar based on jQueryUI and piece in the rest of the stuff, which I'm still 
a somewhat newbie to jQuery, so that was going to be a ton of work.
I'd really like to get this one working correctly because you've done a lot of 
work on it and it works well aside from the issues I've encountered and it's 
using jQuery, which I'd rather stick to than using some other library since 
it's what I'm familiar with.

Thanks for your help.

Original comment by amereser...@gmail.com on 6 Aug 2010 at 2:30

[GoogleCodeExporter]

Never mind on my issue.  I didn't realize the drag was automatically changing 
height, so when it would expand, I didn't see it since the background image was 
only 60px tall.  I thought the drag wasn't going all the way to the bottom 
because of that.Thank you.

Original comment by amereser...@gmail.com on 7 Aug 2010 at 3:36

[GoogleCodeExporter]

Glad you figured it out :) If you want to use a fixed size image you can pass 
in the dragMinWidth and dragMaxWidth parameters as the fixed size you want the 
drag to be (although for usability I would recommend leaving the drag dynamic 
height).

Original comment by kelvin.l...@gmail.com on 7 Aug 2010 at 5:43

• Changed state: Invalid