2017-03-15 10 views
0

"A" div内に"B" div要素の場合"A" divのプロパティ情報が小さく表示され、div大きなものが表示されます。別のdiv内にあるウィンドウをスクロールしながらdivを表示させる場合

B divには垂直スクロールがありません。垂直にウィンドウをスクロールすると、"A" divが表示されます(スクロールに従う)。ウィンドウスクロールを上に移動すると、"A" divは上に移動する必要があります。

"A" divは"B"で上下にスクロールする必要があります。ページ上に浮動して試してみると、"B"から出てきました。 スクロールページの上に「A」が表示されるのは、"B"のみです。

これを達成する方法をお手伝いしてください。事前に おかげ

EDIT1:

<div id="graphView" class="tabcontent" style="display:block;"> 
         <div class="row" style="padding-top: 5px; text-align: left;"> 
          <div id="graphDiv" class="col-sm-9 graphViewStyle"> </div> 
          <div id="toolTipDiv" class="col-sm-3" style="word-wrap: break-word; min-height:400px;max-height:400px;min-width:230px;overflow-y: auto;border:1px solid black; 
           border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;"></div> 
         </div> 
        </div> 

、PICには、[1]

私がダウンして、ウィンドウをスクロールすると、プロパティのdivをフロートすべきであり、[[1] []ここに画像の説明を入力します!] (ビューにあるはずです)。しかし、それは "graphview"である親divにだけ浮動しなければなりません。

ここでプロパティdivは「tootTipDiv」

+3

あなたのために投稿してあなたに確信してもらうことは役に立ちます それ以外の場合は、高さを修正し、Aのdivのスタイルに "overflow:scroll"を付けます –

答えて

0

私は私の問題を解決しました。

http://someweblog.com/hcsticky-jquery-floating-sticky-plugin/ 

ここで、小さなdivは私が必要とする親div内をスクロールします。

0

あなたはこれをしますか?

<div id="B style="height:500px"> 
    <div id="A" style="height:1000px;overflow-y:scroll"> 
     Content 
    </div> 
</div> 

または、あなたのA divをB divの上下に移動しますか? 私はあなたの質問をしなかったし、あなたの質問に同意した

関連する問題