jScrollPane: horizontale Bildlaufleiste verschiebt beim Ziehen des JspDrag-Bits in Webkit nach links

Question

Ich habe ein webkitspezifisches Problem, wenn ich die horizontale Bildlaufleiste in Kombination mit einem Anchor-Tag verwende. Ein Beispiel für das Problem ist hier zu sehen: http://www.splinterarchitecten.nl/wonen-combinatie/

Bitte beachten Sie die folgenden Schritte aus:

1. Verwenden Chrome (Ich verwende Version 24.0.1312.57) oder Safari (5.1.7) an den angegebenen gehen Adresse.
2. Verwenden Sie die Bildlaufleiste, um zu einem Bild über die ersten drei hinaus zu blättern.
3. Klicken Sie auf das Bild.
4. Klicken Sie auf den Link "overzicht" in der unteren rechten Ecke.
5. Dies bringt Sie zurück zur Übersicht mit dem angeklickten Bild auf der linken Seite (Anker-Tag-Funktionalität).
6. Greifen Sie das Bildlaufleisten-Ziehen-Bit und verschieben Sie es nach links.
7. Die gesamte Bildlaufleiste verschwindet hinter dem Logo auf der linken Seite.
8. Aktualisieren Sie die Seite, die Bildlaufleiste verhält sich.

Das CSS ist vor dem Javascript enthalten. Ich habe 'autoReinitialise: true' versucht, was keinen Unterschied machte. Ich benutze jetzt den folgenden Code:

if (window.location.hash) { 
    api.scrollToElement($j(window.location.hash), 1); 
} 

, die (an der richtigen Stelle zunächst gezeigt zumindest die Bildlaufleiste) einige scheinen zu helfen, aber das Problem mit dem Schleppen ist immer noch da. Jede Hilfe würde sehr geschätzt werden.

Mit freundlichen Grüßen

Vivienne

Answer 1

Umgehung

Ich habe mit Ihrem Scrollbar spielen, und das einzige, was ich habe ist, dass die Positionierung der Scrollbar weirdly scheint, hängt von die Schriftrolle deiner jspPane. Kann nicht verstehen warum.

Wie auch immer, wenn Sie die Art und Weise steuern kann jsscrollpane die Scheibe initialisieren, scheint es, dass, wenn Sie die jspHorizontalBar bewegen es ein direktes Kind von tiascrollpanehor wie das zu machen:

<div id="tiascrollpanehor" class="scroll-pane jspScrollable" style="overflow: hidden; padding: 0px; width: 525px; " tabindex="0"> 
    <div class="jspHorizontalBar"> 
    <div class="jspContainer" style="width: 525px; height: 439px; "> 
    .... 

Es selbst positioniert gut aber ist nicht vom Benutzer steuerbar. Um dies zu beheben, fügen Sie

.jspHorizontalBar{ 
    ... 
    z-index:2; 
} 

Ich kann immer noch nicht erklären, warum es so zu verhalten, aber ich hoffe, dass dies, dass Fehler beheben für Sie (wie ich nicht CSS und HTML-Struktur vor Seitendarstellung ändern kann).