2012-01-19 13 views
1

私はスクロールバーが必要なシナリオをいくつか持っていますが、例では複数の目的のためにボックスポップアップが必要です。とにかく私はこれを行うことができますか?絶対位置の要素がスクロールボックスの外に隠されていない

写真の例:(それはそうコメントを外し、その後、あなたは私の問題を参照)。.. http://img36.imageshack.us/img36/4696/problemtn.png

されるように、それがどのように動作するかをあるしかし私は同様にオーバーフローオートを持っている必要があります:

http://jsfiddle.net/kGAPG/

答えて

3

ポップアップdivを絶対位置に設定し、その親を相対位置に設定します。 はz-index:1000を設定します。ポップアップの親の親コンテナに設定し、z-ndex:1001を設定します。ポップアップの親とセットのZ-インデックス:1002;ポップアップする次回にあなたのコードを掲示板に入れてください。http://jsfiddle.net/

+0

にjsfiddleの例が追加されました。 –

+0

@DylanCrossあなたはjsfiddleのホームページメイトを追加しました。 – Kareem

0

これは、エレメントのレイアウト方法によって異なります。ツールチップウィンドウをブラウザのスクロールバーにポップアップ表示させようとしている場合は、それを行うことはできません(afaik)。

divのスクロールバーがあり、そのdivが画面の中央にある場合は、それを行うことができます。

文書の最上位にdivを作成し、位置を「絶対」に設定する必要があります。次に、jqueryを使用して、ボックスの隣にポップアップする画像要素の位置を取得し、それに応じてトップレベルdivのtopleftのスタイル属性を設定します(オフセットを追加することを忘れないでください)。

教えてくださいそれがあなたがしようとしているものならば!

+0

jsfiddleの例を追加しました。 –

関連する問題