jqsafi / jscrollpane Goto Github PK

What steps will reproduce the problem?
1. go to this url: www.giulioiacchetti.com/cms
2. on the main slider (the right one) scroll until the last project
3. click on the last project

What is the expected output? What do you see instead?
I expect to open another page, instead it will jump an hundred of pixel up
without open the link.

What version of the jScrollPane are you using? On what browser? And
operating system?
I'm using the last version on JscrollPane, I cannot see the problem on Mac
anymore, both safari and firefox 3 work well. On windows xp instead both
IE6/7 and firefox have this problem.

Please provide a URL to a page displaying the problem.

Please provide any additional information below.

What steps will reproduce the problem?
1. Open page with scroll and no style
2. press arrows (up, down) and see the navigation
3. scroll bar to beginning.
4. press space and see the navigation too

These things cannot be done with jScrollPane styled scrollbar.

I've tested in FF 3, IE 7, IE 8 on Windows 2003.

I just today 12/8 downloaded and tried your script. Sorry I posted in your
blog. I haven't uploaded the page yet.

I using your Basic Example pane 2.

I got one working perfectly on the page. Copying and pasting the one that
was working for a second scroll does not appear to work? I mean the tags
are identical but on the second one just produces standard scroll bars?

I've never encountered a one use piece of css? Cannot imagine what's wrong.

I'll certainly make a donation with some help.

[deleted issue]

What steps will reproduce the problem?
1. go to http://ttcreativemedia.com/test/default.php in ie7
2. under categories, click the 'interface' link
3. will see the error "Error: 'console' is undefined

What is the expected output? What do you see instead?
The expected output is no js error. Instead i get a js error :(

What version of the jScrollPane are you using? On what browser? And 
operating system?
latest: 1.2.1, ie7, vista 32bit

Please provide a URL to a page displaying the problem.
http://ttcreativemedia.com/test/default.php

Please provide any additional information below.
When you click a category link, the conversation area should update its 
content to reflect your choice. Within the conversation box, there are 
several unordered lists which are toggled to show/hide depending on what 
category is chosen. Thus the height of the scroll area is dynamic and 
depends on how tall the content is within the conversation box.

So i when the dom is ready, i instantiate the jsscrollpane. But that isn't 
good enough, because it only detects the height of the current <ul>. When 
that <ul> is hidden, and a longer <ul> is shown, the scroll doesn't scroll 
all the way.

So to get around this problem i created the jsscrollpane within the onclick 
event of each category link. But IE7 doesn't like this. And it then starts 
to throw the console error.

I went into the plugin you have provided and deleted the following two 
lines:
console.log(p);
and
console.log($linkedEle);

And vuolaa no js error in ie7. Not sure what those two lines do, but it 
fixed my problem :)

hope this helps. thanks for the plugin!!!

What'd you think of my implementation?

jScrollPane could maybe use the scrollTo plugin:

http://flesler.blogspot.com/2007/10/jqueryscrollto.html

And the jquery easing plugin:

http://gsgd.co.uk/sandbox/jquery/easing/

Rather than containing it's own animation routines.

What steps will reproduce the problem?
1. A hard refresh in Safari 3 for PC and Mac will cause the scroll window
to be fully drawn out in height, without any scrollbars. Not until
reloading again does the custom styled scrollbar appear, and fit inside the
correct size of the frame. Maybe a script not loading at the correct time
issue?

What is the expected output? What do you see instead?
The proper styled scroll pane. A pane with no scrollbar, and full height of
the content.

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

jScrollPane.js 1.2.3 33 2008-12-10 22:55:28Z
Safari 3.2.1 Windows XP.

Please provide a URL to a page displaying the problem.
http://76.12.187.139/crab_mallets.php
Box at the bottom of the page ( third green bar-headed box )

Please provide any additional information below.
Seems to be working fine in all other browsers.

See http://plugins.jquery.com/node/1002

What steps will reproduce the problem?
1. Fire Fox 2 is creating problem.
2. I am having lot of Hyperlinks in a block which has JqueryPane when I
click on any one of the links the scroll goes back to intial position and
doesnt allow the click on hyperlink
3. As we have release this weekend please provide the solution if you have any

What is the expected output? What do you see instead?
I want to have the click of hyperlink to go to the respective page

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.

What steps will reproduce the problem?
1. Goto the page (http://keeghan.com.au/jScrollPane/r27.html)
2. Scroll down to the bottom where it says "Privacy Policy" and click the link

What is the expected output? What do you see instead?
1. Page scrolls to the top (this is not expected)
2. Scroll back down to the "Privacy Policy" section and it is not displayed
3. Click the link again (when it already has focus) and it will do the
required function

What version of the jScrollPane are you using? On what browser? And
operating system?
This only occurs using r27 in Firefox 2

Please provide a URL to a page displaying the problem.
http://keeghan.com.au/jScrollPane/r27.html

Please provide any additional information below.
For some reason, it only seems to occur on links that occur below the
initial viewable area.

Currently when you tab to an element in a jScrollPane then the pane will
scroll so that the element is at the top of the jScrollPane. Instead, if
the item is already in the viewport of the jScrollPane then no scrolling
should occur. 

Even when it isn't already visible then the amount of scrolling should be
minimal (i.e. it shouldn't always scroll to the top, it should just scroll
into view) as per the browsers default scrollers...

See http://plugins.jquery.com/node/308 and
http://www.kelvinluck.com/2006/12/jscrollpane-cross-browser-custom-scrollbars/#c
omment-569

What steps will reproduce the problem?
1. create a scroll field 180 pixels in height
2. create scroll-content 200 pixels in height
3. try to scroll

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

A smaller scroll-handle (the slider in the middle), and better scrolling
functionality.

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

 * $Id: jScrollPane.js 4765 2008-02-17 21:14:59Z kelvinluck $
Firefox 2 latest, Vista. Using the osX theme.


Please provide a URL to a page displaying the problem.

Ehm, unfortunately this happened during development and i cannot guarantee
this url will stay online more than a week..

http://82.170.249.144/
login (top-right of page) with admin/tst32
click on the menu "admin tree", wait a bit for it to initialize.

there's a jscrollpane on the right, top-side of the window that appears, in
the "versions" tab. I've skinned it to be black/blue.

for the frontpage, with a longer scroll-content, it all works reasonably OK.

But on the 'jScrollPane testpage' item in the tree, the versions-scroller
can't scroll properly because the content-height only just exceeds the
viewport-height.


Please provide any additional information below.

Related might be the case where the end of content sometimes cannot be
scrolled to. jScrollPane seems to miss the last few lines of content to
scroll to. I've solved this by adding extra <br/>'s to my content..

Also, I can't remember if i'm using a slightly modified version of jScrollPane.
To be sure, here's the URL to the source i'm including on the page listed
above:
http://82.170.249.144/mediaBeez/lib/jquery/jquery.jScrollPane.js

jScrollPane.js 24 2008-11-29 07:08:14Z

You don't unbind the mousewheel event. This means that mousewheel events
continues even after I've called jScrollPane on a pane where the contents
has shrunk (and in some cases it can still scroll the box because it's
using a now obsolete value of contentHeight).

If I put in

$this.parent().unbind('mousewheel');

before the 

if (percentInView < .99) {

then everything is fine.

1. Have content for the pane that do not need scrollbar.
2. Alter content to need scrollbar and reinitialize jScrollPane.
3. Alter content to not need scrollbar and reinitialize jScrollPane.

You want the mousewheel event to be disabled, but the mousewheel event is
not disabled and you still able to scroll from previous height.

jScrollPane.js 19 2008-11-13 06:00:09Z kelvin.luck, on every browser, on
every operating system.

An url displaying the trouble is not avaible yet.

Solve it with adding this line of code (line 448):

      if (percentInView < .99) {
...
      } else {
...
Line 447:        // remove from active list?
Line 448:        $this.parent().unbind( 'mousewheel' );
      }

What steps will reproduce the problem?
1. My page has common vertical scrollbar
2. I put scrollable div in it and use your plugin
3. When my mouse cursor is on the scrollable div area, I rotate mouse wheel
and content of the div is scrolled down.
When the scrollable content ends, and I continue rotate mouse wheel, my 
page begins to scroll. The control switches from div to the main scrollbar.
It's very bad.



What version of the jScrollPane are you using? On what browser? And 
operating system?
All browsers. jsScrollPane 1.2.3

http://www.kelvinluck.com/assets/jquery/jScrollPane/examples.html
Resize browser window to the small window and try to scroll in divs.

jScrollPane doesn't currently work when the element to be scroll paned has
the css-atribut max-height. It would be nice if it did.

What steps will reproduce the problem?
1. Visit http://chris-gwen.com/
2.
3.

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

I was hoping to use the plugin inside the jQuery UI tabs plugin. However,
it doesn't show on any other tab.


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

The latest. Testing with FF 3/Safari 3 on Mac.


Please provide a URL to a page displaying the problem.

http://chris-gwen.com/

Please provide any additional information below.

What steps will reproduce the problem?
1. Create the jScrollPane with $("#id").jScrollPane() where the #id is
child of #content and #content is hidden/visible.
2. Make the #content fadeIn or fadeOut with $("#content").fadeIn/fadeOut().

What is the expected output? What do you see instead?
Expected: The #id fades in/out with the #content, like occurs in Firefox
and Google Chrome.
Real: The #id not fade, only #content and other children fades. When the
fade of #content ends, the #id dissapear (to complet the fade), but only in
Internet Explorer.

What version of the jScrollPane are you using? On what browser? And
operating system?
Version:  * $Id: jScrollPane.js 37 2008-12-12 19:11:07Z kelvin.luck $
Browser: Internet Explorer (this error), Firefox (ok), Google Chrome (ok)
OS: Windows XP Professional SP3

Please provide a URL to a page displaying the problem.

Please provide any additional information below.

Add thumbnails inside the jScroll div (not surrounded by <p> tags)


I'm trying to have a series of thumbnails inside the jScroll div and fire
off  the default scroll behavior.  Without wrapping each of them inside of
<p> tags, jScroll does not appear to be able to determine the height of the
content inside the div and will not work.  Is there a way to modify the the
JS so that it will look for anything other than <p> tags?


jScrollPane.js 24 2008-11-29

It would be nice if the scrollbar would automatically re-initialise when the 
content to be scrolled is 
collapsed. Right now this doesn't seem to be the case. With a regular (OS) 
scrollbar it does.

What steps will reproduce the problem?
1. go to http://ttcreativemedia.com/test/default.php in ff2 or ff3
2. in the category box, click interface
3. in the conversation box, click and hold the slider
4. move the slider up and down
5. keep an eye of the elements above the box, which shift/jitter when you 
drag the slider

What is the expected output? What do you see instead?
i expect nice clean animation, with the surrounding elements remaining 
unchanged. elements outside of the conversation box 
moving/shifting/jumping.

What version of the jScrollPane are you using? On what browser? And 
operating system?
latest: 1.2.1, ff2/less apparent in ff3, windows xp

Please provide a URL to a page displaying the problem.
http://ttcreativemedia.com/test/default.php

Please provide any additional information below.
I haven't found a rhyme or reason for this bug. sorry. let me know if you 
figure out why this occurs. It might not be js. It could be my markup/css 
that is causing the problem.

What steps will reproduce the problem?
1. Use Jquery with prototype

What is the expected output? What do you see instead?
Error : $("*", this).bind is not a function
jScrollPane.js - Line : 390

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

Firefox 3 & WinXP
jScrollPane.js 19 2008-11-13
jquery-1.2.6 (same jquery files than jScrollPane webpage)

Please provide a URL to a page displaying the problem.
none

Please provide any additional information below.

It is easy to fix this bugs:
- replace '$' call by 'jQuery' call in order that the plugin is compatible
with prototype (which use '$' function too).
- do a search & replace in your file : search "$(" replace with "jQuery("

In r38 from svn dist, the variable this.originalSidePaddingTotal is not
always defined at line 125:

var p = this.originalSidePaddingTotal;

which causes the width CSS property applied a couple lines later to be
"NaNpx" in IE7.  This results in a jQuery exception.

The enclosed patch fixes this problem by assigning a default value to the
variable.

Using: 1.2.3 (build 37 12-12-2008) 

The OS scrollbars appear for a fraction of second until jscrollpane
gets rendered.

You can view the problem here:  

http://www.lab-au.com/mr_news/

It's more a documented workaround than a bug fix that's needed, but i
thought i'd mention it...

thanks Kevin !

What steps will reproduce the problem?
1. Visit http://preets.crashpaddesign.com/menus
2. On page load, the 'Lunch and Dinner' items are collapsed (0px ... see source 
for real content)

What is the expected output? What do you see instead?
Scrolling of two unordered lists (targeted using jquery selectors). Instead the 
div's are set width 
and height to 0px.

What version of the jScrollPane are you using? On what browser? And operating 
system?
$Id: jScrollPane.js 42 2009-01-23 20:42:14Z kelvin.luck $
Safari & Mozilla Firefox 3 - Mac OSX 10.5

Please provide a URL to a page displaying the problem.
http://preets.crashpaddesign.com/menus

What steps will reproduce the problem?
1. Create a fixed positioned element
2. Utilize jScrollPane on an item outside the fixed position element
3. Populate the jScrollPane's contents with enough content that will scroll
past the fixed positioned element.

What is the expected output? What do you see instead?
Expected output is normal behavior from the browser and CSS compliant
behaviour. That is, the scroll pane should not overflow above the fixed
positioned element.

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

1.2.1, IE6, IE7, and Firefox. Vista.


Please provide a URL to a page displaying the problem.
I've attached an image, can't provide a URL, but I can provide code
snippets as need be.

Please provide any additional information below.

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

-What is the expected output? What do you see instead?
I have made a site, and used your plugin. I have used both the version
where you can import content through AJAX, and at the same time I would
like the scroll-bar to automatically update, when an image has loaded,
because most og the content are images.

But it doesn't seem to work :(

I have changed in the 'reinitialiseScrollPane'-function that is used for
the AJAX, and it now looks like this:

reinitialiseScrollPane = function()
{
$('#pane1').jScrollPane({scrollbarWidth:5, wheelSpeed:20,
reinitialiseOnImageLoad: true});
}


-What version of the jScrollPane are you using? On what browser? And
operating system?
I'm using version 1.2.3, the newest version. I'm on Windows XP, and browser
is Firefox 3, IE6, Safari 3.1.2 and Chrome 1. The problem is in all the
browsers.


-Please provide a URL to a page displaying the problem.
http://www.designcreative.dk/purnova/


Please provide any additional information below.

See http://plugins.jquery.com/node/449

What steps will reproduce the problem?
1. Download Opera 9.6.2

What is the expected output? What do you see instead?
The most scrollbars are mirrored. When i scroll up, JScrollPane scrolls 
down. It also has as much asonly two postitions - top up and top down. I 
can reproduce it n every new installed Opera and on every JSP installation.

What version of the jScrollPane are you using? On what browser? And 
operating system?
Opera 9.62 (Mac and Xp, Vista), newest version of JScrollPane.

Please provide a URL to a page displaying the problem.
Every installation.

Please provide any additional information below.
Please, can you fix it as fast as possible? It's used on a production 
site, and the bosses uses Opera...

What steps will reproduce the problem?
1. Call jScrollPane on a div that is by default, set to display none
2. Call some JS function to set that div to display block

What is the expected output? What do you see instead?
Expected: show the div with the custom scrollbar
Real: does not show the div at all

What version of the jScrollPane are you using? On what browser? And
operating system? Latest ver as of this writing; Firefox 2 on Vista


Please provide a URL to a page displaying the problem.

Please provide any additional information below.

What steps will reproduce the problem?
1. I scroll window in the JScrollPanel and IN THE OPERA BROWSER main
scrolling moves and disappears at the end.

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

Main scrolling must be motionless

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

It happens only in Opera! WinXp

Please provide a URL to a page displaying the problem.

Please provide any additional information below.
See attachments

See: http://plugins.jquery.com/node/2414

jScrollPane doesn't currently work when the element to be scroll paned has
a percentage height and/ or width. It would be nice if it did.

What steps will reproduce the problem?
1. On the form on the right hand side, select a form item and tab through them.

What is the expected output? What do you see instead?
As you tab through items that are below the currently displayed content,
the scrollbar will scroll up as well as the content (making the scrollbar
impossible to scroll back up). It is expected to scroll as normal as per
the example on the jScrollPane site.

What version of the jScrollPane are you using? On what browser? And
operating system?
Using the latest version of jScrollPane (1.2.1) tested across all major
browsers (FF2, FF3, IE6, IE7, Safari)

Please provide a URL to a page displaying the problem.
http://keeghan.com.au/jScrollPane/

Please provide any additional information below.
Currently we are using a hack that pushes the scrollbar back down when the
tab button is pressed. However its not ideal as it flickers and the entire
frame jumps.

Whenever the jScrollpane's content (and therefore the container's size)
changes, jScrollPane does not behave correctly.

It would be great if you would offer a function to be called which
re-initalizes the whole jScrollPane so it fits again (of course, it would
be great if the jScrollPane would recognize these changes by itself, but of
course it would be sufficent if the developer can call some kind of
re-initialize-function).

An alternative could be a reset()-function which undoes all the changes
jScrollPane did: remove all the new tags and classes.

Thanks a lot!

What steps will reproduce the problem?
1. Adding <script type="text/javascript"
src="../scripts/mootools.js"></script> to any page that includes jScrollPane 
2.
3.

What is the expected output? What do you see instead?
Expected output is to click "video" link and have Youtube Video appear
without losing custom scrollbar settings. What we see instead is when
"mootools.js" is embeded into page the custom scrollbar settings are ignored.

What version of the jScrollPane are you using? On what browser? And
operating system?
jScrollPane - 1.2.3.
Firefox - 3.0.5
OSX 10.5.5 


Please provide a URL to a page displaying the problem.
with MooTools.js - http://www.bigearsfestival.com/pages/artistsfromonline.html
without MooTools.js -
http://www.bigearsfestival.com/pages/artistsfromonline_nomootools.html

Please provide any additional information below.
tutorial i followed- http://videobox-lb.sourceforge.net/

See: http://plugins.jquery.com/node/2264

If it is possible it would be great if jScrollPane could scroll to the
correct position to display the found text when someone uses the web
browsers "find" command (e.g Ctrl+F in Firefox).

From: http://plugins.jquery.com/node/1833

What steps will reproduce the problem?
1. Using IE 7 & 8
2. Opera (works only at first load - after refresh (F5) it disappears)
3.

What is the expected output? What do you see instead?
expected to see alternative scrollbar -> error triggered in IE

What version of the jScrollPane are you using? On what browser? And
operating system?
IE7+8 + JScroll 1.2.3 + JQuery 1.3.1



Please provide a URL to a page displaying the problem.
(fixed the Problem in sources, so that it now works :) But Opera does
misbehave! so take a look at http://zwenkau.itns.de/typo3

Please provide any additional information below.
I'could solve the problem in IE 7+8 (no IE 6 available) and it still works
in Firefox. Opera didn't work neither. :( 

I localized a logical error that ("this.originalPadding...") inside only
one branch of the "if ($(this).parent().is('.jScrollPaneContainer'))"
if/else section, but the "this.originalPadding..." will lately be called
after "if (settings.reinitialiseOnImageLoad)" so I made it always available
by moving the code outside th if/else section.

The second thing that will stop the IE script from executing is
"cssToApply"-section. This will simply fail! I've changed it to
"$this.css('foo', 'bar');" (about 5 times close to each other in script)
and then it worked fine.

I've attached my version of the script to this article. Maybe you will
check it and upgrade your plugIn for compatibility to jQuery 1.3.x?

Hello

I use jscrollpane for a dynamic tree and when some elements are expanded, i
need a hack to make the latest jscrollpane autorefresh :

Just add this core on line 96:

// AutoRefresh
if( settings.autoRefresh !==0 )
{
var refreshInter = setInterval(function()
{
var prevInnerHeight = $this.data('prevInnerHeight') ||
$this.data('prevInnerHeight','init') || 10 ;
var thisInnerHeight = parseInt( $this.innerHeight(), 10 ) || 0 ;
// change if sizes changes
if( thisInnerHeight!=0 && prevInnerHeight!=0 )
{
if ( prevInnerHeight != thisInnerHeight )
{ 
$this.jScrollPane(settings);
$this.data( 'prevInnerHeight', thisInnerHeight ); 
};
}
// clear when $this is removed
else
{
clearInterval( refreshInter ) ;
};
}, settings.autoRefresh );
};

Xavier

I recently implemented your JScrollPane in a web site I'm building.  It
works perfectly in Firefox and IE7, but not in Safari.  As you'll see it is
contained within layers that are being show and hidden with Dreamweaver
behaviors, and I'm wondering if that might be the problem.

It seems the text is blowing out to the right and the scroll bars are not
showing up at all.  It seems like width and height of that area are not
being applied.

I'm using the most recent version of JScrollPane and Safari 3.2.1.  OS is
Windows XP.

Here is the URL:  http://www.kirandjeff.com/iaguitars/template-2.html

Thanks.

-jeff

What steps will reproduce the problem?
1. Anchors within the scroll-pane class div
2. Links to get to the anchors

What is the expected output? What do you see instead?
Links work, but the scroll-pane scrolls too and only reappear when returning to 
initial position

What version of the jScrollPane are you using? On what browser? And operating 
system?
The last one (download today), on Safari/MacOS X, the same on IE 6/Windows 98

Please provide a URL to a page displaying the problem.
Sorry I can't...

Please provide any additional information below.
I guess it's because of css position of the scrollbar elements, I'll try to fix 
it and I'll tell you if I 
succeeded.

See : http://summitoc.amiesdigital.com/News_Events

Try clicking any 'news item' link.

What is the expected output? What do you see instead?
Preferrably, the division would not scroll when clicking a new link, and
instead act like a normal page and bring the viewer to the news article.

What version of the jScrollPane are you using? On what browser? And
operating system?
1.2.0 Firefox, IE7, IE6, Safari, on Windows XP

Please provide a URL to a page displaying the problem.
http://summitoc.amiesdigital.com/News_Events

Please provide any additional information below.

Well, I made some changes in code. And I should post in this issues, so
here we go:

1. I added an inner div with an own css class and 3 lines of code to
generate its size. Now its possible to use transparent gifs / pngs (for
example rounded edges) for .jScrollPaneDragTop and .jScrollPaneDragBottom
without they will be overlapped by the background of .jScrollPaneDrag. Use
.jScrollPaneDragInner now to skin the pane ("position: relative" is
important, rest do as you want).

2. IE is jumping around by the scrollbar-offset, when you click a link or
make an onClick action and the scrollbar is visible. You can see it also in
pane4 of the basic examples when you add some content and try to click the
jScrollPane link. I just commented for IE line 412 out. It seems now to work.

3. I added a setting called startPosition which takes in effect, when you
disable maintainPosition. The reason is, that I wanted to go straight to a
 position I have clicked a link in the scrollframe. I know, you can do it
by anchors, but then the whole browserframe will scroll to it there, too.
And that was not what I wanted. See
http://wagenbrett.lorenzmedia.de/de/products/ to understand what I mean.
Currently I get the startupPosition by top = -($("#elementToGo").position(
).top); $('.scroll-pane').jScrollPane({startPosition:top}); Perhaps you can
automatise it a little bit more.

I tested it in IE 7, IETester IE6 and Firefox 3. Well ok, not really
tested... I looked in there and it seems to work ;) But I don't know what
will happen, when you have more than one scrollbar on the page or use arrow
buttons. In IETester IE5 it didn't work, but IE5 is an a...... in every way. ;)

I marked (I hope) all my changes with "START CHANGES" and "END CHANGES" in
the js file.

As suggested here:
http://plugins.jquery.com/node/851

We could auto refresh the scrollPane to ensure that it catches any changes
to the size of it's children. I'm not entirely sure this is the best
approach because of the overhead of the timer (this is why I prefer the
approach with child images or ajax requests of listening to the load event
and then reinitialising) but it is perfectly doable and might be sensible
as an option. Thoughts?

Sometimes the example at:

http://www.kelvinluck.com/assets/jquery/jScrollPane/jumpToExternalAnchorExample.
html#marker

Misbehaves and we lose the top of the scrollbars. Appears to be related to
the time it takes to load (it never occured while testing locally but does
occur online). 

What steps will reproduce the problem?
1. Create scrollable content that contains a link
2. Open the link in a new window (Shift + click)
3. The scroll bar is no longer draggable

What is the expected output? What do you see instead?
Clicking a link should not affect the scroll bar, content should remain
scrollable.

What version of the jScrollPane are you using? On what browser? And
operating system?
jScrollPane 1.2.3 in FF3, IE7 and Opera on WinXp.

$(".label").click(function() {
        if($(this).hasClass("highlight")) {
        $(this).removeClass("highlight");
        $(".contents:visible").slideUp("fast", reinitialiseScrollPane);
        $(".loader").empty();
        } else {
        $(".label").removeClass("highlight");
        $(".contents:visible").slideUp("fast");
        $(this).addClass("highlight");
        $(".highlight + .contents").slideDown("slow", reinitialiseScrollPane);
        $(".scroll-pane")[0].scrollTo(".highlight");
   }
 });

this is the tricky bit, the conflict is where slidedown happens earlier than 
the reinitialisation:

---
$(".highlight + .contents").slideDown("slow", reinitialiseScrollPane);
----

reinitialiseScrollPane apparently can only be passed as a parameter, not as a 
function or anything 
else..
what i need to do is have the scrollpane be reinitialised prior to the next 
line( the next jquery 
function): as in this needs to be done first before it can scroll to the right 
position.
i tried everything, a timer function worked on safari and ff on the mac, but 
didn't work at all on 
IE on the pc.. i found a pause function, no luck either.
queueing didn't work..
and moving the parameter one function up didn't work either, as the 
reinitialisation takes a little 
too long.
it scrolls before the scrollpane was reinitialised.
any other ideas?

1. Have content for the pane that need scrollbar.
2. Move drag to the top or th bottom of the track bar.
3. Alter content and reinitialize jScrollPane using maintainsPosition settings.

You want the scrollbar and the scrollable content to stay approximatively
at the same position, but the scrollbar and the scrollable content goes to
unexpected place.

jScrollPane.js 19 2008-11-13 06:00:09Z kelvin.luck, on every browser, on
every operating system.

An url displaying the trouble is not avaible yet.

Approximative fix it modifying this line of code (line 56):

Line 55:      if (jQuery(this).parent().is('.jScrollPaneContainer')) {
Line 56:        var currentScrollPosition = settings.maintainPosition ?
$this.position().top : 0; 
...
              } else {
...
              }