2013-01-31 39 views
6

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

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

  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); 
} 

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

敬具、

ヴィヴィアン

+0

Chrome 25.0.1364.152でこれをテストしただけで問題はありません。 Safari 5.1.2のいずれにもありません。 –

+0

Chrome 25.0.1364.160で問題なくテスト済みです。 – Clayton

+0

26.0.1384.2問題ありません。再現できません(私はQAチームと頻繁に使用しています〜〜devilish grin〜) –

答えて

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の構造を変更することはできませんと)これはあなたのためにそのバグを修正することを願っています。

関連する問題