Probleme mit jScrollPane

[workflo]

Hallo zusammen,
ich habe zwei Probleme mit dem jScrollPane und hoffe auf einen Tipp.

Habe folgendes Beispiel (#pane1) als Vorlag genommen und um zwei Grafiken erweitert:
http://www.kelvinluck.com/assets/jquery/jScrollPane/basic.html


Aktuell ist der Dragger abgschnitten, egal wie ich ihn positioniere und er lässt sich nur bis zu der Mitte ziehen und nicht ganz nach unten.

http://www.workflo.eu/jScrollPane/


Freue mich über jede Hilfe!

 

[Quaese]

Hi,

du hast beim Initialisieren des Scrollers die Möglichkeit, die Breite der Scrollbar und die maximale Höhe des Draggers anzugeben:

$(function(){
  // this initialises the demo scollpanes on the page.
  $('#pane1').jScrollPane({
    scrollbarWidth:20,
    dragMaxHeight: 20,
    scrollbarMargin: 8
  });
});

Im CSS musst du ebenfalls die Hintergrundgrafiken positionieren:

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 2px;
	top: 10px;
	height: 100%;
	background: url(../images/leiste.gif) 50% 0 repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	right: 0px;
	overflow: hidden;
	background: url(../images/dragger.gif) 50% 50% no-repeat;
}

Zuletzt musst du im Holder-Element noch einen rechtsseitigen Innenabstand (padding-right im Element mit der ID pane1) angeben, damit der Dragger nicht den Inhalt überdeckt.

<DIV class="holder">
  <H3>#pane1</H3>
  <DIV class="jScrollPaneContainer jScrollPaneScrollable" style="height: 246px; width: 510px; padding-right: 10px;" tabindex="0">
    <DIV id="pane1" class="scroll-pane" style="height: auto; width: 500px; padding-right: 20px; position: absolute; overflow-x: visible; overflow-y: visible; top: -1045.01px;">
      <P>&gt;Lorem ipsum dolor sit amet, ...</P>
    </DIV>
  </DIV>
</DIV>

Ciao
Quaese

 

[workflo]

Vielen Dank für deine ausführliche Hilfe! Werde mich am Wochenende ransetzen und berichten!

 

[workflo]

Super, klappt 1a. Vielen Dank nochmal!

####

Eine Frage hätte ich aber noch. Ist es möglich den Dragger oben zu positionieren und man dann runter scrollt?
Aktuell ist der Dragger am Ende der Leiste und man scrollt nach oben. Würde das gerne umkehren!

 

[Quaese]

Hi,

nimm die Positionsangabe raus:

top: -1045.01px;

Ciao
Quaese