jScrollPane：WebkitのjspDragビットをドラッグすると、水平スクロールバーが左に移動します

Question

アンカータグと組み合わせて水平スクロールバーを使用するとWebkit固有の問題が発生します。問題の例を次に示しますhttp://www.splinterarchitecten.nl/wonen-combinatie/

次の手順を実行してください：

1. 使用ChromeをやSafari（5.1.7）（私はバージョン24.0.1312.57を使用しています）指定されたに行くために住所。
2. スクロールバーを使用して、最初の3つを超える画像にスクロールします。
3. その画像をクリックしてください。
4. 右下隅にある「オーバーザヒト」リンクをクリックします。
5. これは、左にクリックした画像（アンカータグ機能）を使用して概要に戻ります。
6. スクロールバーのドラッグビットをつかみ、左に移動します。
7. スクロールバー全体が左側のロゴの後ろに消えます。
8. ページを更新すると、スクロールバー自体が動作します。

CSSはJavaScriptの前に含まれています。私は 'autoReinitialise：true'を試しましたが、違いはありません。私は今、次のコードを使用します。

（少なくとも、スクロールバーが最初の適切な場所に示されている）、いくつかの助けているようだが、ドラッグに問題がまだある

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

。どんな助けでも大歓迎です。

敬具、

ヴィヴィアン

Answer 1

回避策

私はあなたのスクロールバーで遊んでてきた、と私が得た唯一のことは、スクロールバーの位置が変なふうに依存しているようだということですあなたのjspPaneのスクロール理由を理解できません。

あなたはjsscrollpaneペインを初期化する方法を制御することができた場合とにかく、あなたがそれそのようなtiascrollpanehorの直接の子にするjspHorizontalBarを移動した場合ようだ：

<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; "> 
    .... 

これはよくが、自体を配置ユーザーが制御できません。それを修正するには、

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

を追加し、それはそのように振る舞うだ、なぜ私はまだ説明することはできませんが、私は（私は、ページのレンダリング前に、CSSとHTMLの構造を変更することはできませんと）これはあなたのためにそのバグを修正することを願っています。