6

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

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

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

CSS は JavaScript の前に含まれます。「autoReinitialise: true」を試しましたが、違いはありませんでした。現在、次のコードを使用しています。

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

これはいくつかの助けになるようです（少なくともスクロールバーは最初は適切な場所に表示されます）が、ドラッグの問題はまだ残っています。どんな助けでも大歓迎です。

敬具、

ヴィヴィアン

4

1 に答える 1

1

回避策

私はあなたのスクロールバーで遊んでいます.スクロールバーの位置があなたのjspPane. 理由がわかりません。

とにかく、jsscrollpaneペインを初期化する方法を制御できれば、 を移動してそのようなjspHorizontalBar直接の子にするtiascrollpanehorようです:

<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 構造を変更できないため)。

于 2013-03-15T11:51:12.303 に答える