I used firebug console to test removing the jscrollbar

my code is like this

            <div id="updates">
                <h2>Updates &#045; Recent Additions to this Site</h2>
                <div class="jScrollPaneContainer" style="height: 354px;
width: 566px;"> << created by jquery
                <div id="updatesScroller" class="scroller">
                            <p>lorem ipsum dolar<p>
                </div>
                    scrollbar divset
                </div>
            </div>

and in dom ready

    $('.scroller').jScrollPane({showArrows:true, scrollbarWidth:7,
scrollbarMargin:10});


after the plugin is applied a div is wrapped around the content to scroll in
my case each .scroller in yours each of .pane3 & .pane4

the scrollbar drag etc is inside this new div and NOT inside the content to
scroll div

so my code to remove the scrollbar would be
$('#updates .jScrollPaneTrack').remove();

removing the scrollbar inside my updates div

firebug is wonderful for trying ideas out and seeing the combined results of
ideas


2008/9/24 expanism <[EMAIL PROTECTED]>

>
> The class of the jscrollpane is .pane3
> so I tried $('.pane3ThisBar .jScrollPaneTrack').remove();
> and also tried $('.pane3 .jScrollPaneTrack').remove();
> but both did't work...
>
> $('#removeThisBar .jScrollPaneTrack').remove();
>
> On 24 sep, 00:27, "Sam Sherlock" <[EMAIL PROTECTED]> wrote:
> > don't what your id is but
> > $('#removeThisBar .jScrollPaneTrack').remove();
> >
> > 2008/9/23 expanism <[EMAIL PROTECTED]>
> >
> >
> >
> > > That works great, Thanks!
> >
> > > I have multiple jscrollpane's set up on one page, like this:
> >
> > > $('.pane').jScrollPane({showArrows:true, scrollbarWidth: 29,
> > > dragMinHeight: 50, dragMaxHeight: 50});
> > > $('.pane2').jScrollPane({showArrows:true, scrollbarWidth: 29,
> > > dragMinHeight: 50, dragMaxHeight: 50});
> > > $('.pane3').jScrollPane({showArrows:true, scrollbarWidth: 29,
> > > dragMinHeight: 50, dragMaxHeight: 50});
> >
> > > Is it possible to have the $('.jScrollPaneTrack').remove(); aplied to
> > > only one of the jscrollpane's?
> >
> > > On 23 sep, 23:16, "Sam Sherlock" <[EMAIL PROTECTED]> wrote:
> > > > try $('.jScrollPaneTrack').remove();
> >
> > > > more infohttp://jquery.bassistance.de/api-browser/#removeString
> >
> > > > 2008/9/23 expanism <[EMAIL PROTECTED]>
> >
> > > > > Thanks for your reply, it is a good fast solution... however it
> would
> > > > > be great if the whole bar could be out of the code.
> >
> > > > > On 23 sep, 22:02, "Sam Sherlock" <[EMAIL PROTECTED]> wrote:
> > > > > > perhaps setting the bar to display none with css.
> >
> > > > > > seems to work in a (very) basic test I have done in firebug
> > > > > > - S
> >
> > > > > > 2008/9/23 expanism <[EMAIL PROTECTED]>
> >
> > > > > > > Love the jScrollPane really exelent plugin!
> >
> > > > > > > There is a parameter called: showArrows,
> > > > > > > Is there a parameter like hideDrag to hide the dragscroll and
> only
> > > > > > > have the arrows.
> > > > > > > or is there an other way to hide the dragscroll?
> >
> > > > > > > Thanks
>

Reply via email to