0

画面上のさまざまな位置に動的に作成されるいくつかのボックス（100以上）があります。各ボックスをクリックすると、スライドがポップアップ表示されて詳細が表示されます。

その位置を各ボックスの近くにスライドさせたいです。私はそれを行いましたが、右側のブラウザウィンドウの端の近くにいくつかのボックスがある場合、ポップアップの半分がウィンドウに隠されます。

これらのポップアップをウィンドウの前に完全に表示したい（Excelのように）。

ポスショニング用のJavaScriptコード。

function centerPopup(comp_id, top, left) {    
    $("#popupContact").css({
        "position": "absolute",
        "top": top + 70,
        "left": left + 223
    });
}
4

2 に答える 2

0

それらが別の要素の下に表示されている場合z-indexは、ポップアップボックスのスタイルに上位を追加してみてください。これにより、が低い他の何かの上に表示されるようになりますz-index。

何が起こっているのかを実際に確認するには、より多くのコードまたは例（jsfiddle.netを使用）が必要です

于 2012-05-23T04:35:05.187 に答える
0

私があなたの質問を正しく理解しているなら、それは他のボックスとの重複ではなく、画面の端にあるボックスの半分を失っていますか？これは、ウィンドウの端を使用してボックスの位置を設定しているように聞こえますが、ボックス自体の幅を考慮していません。現在のボックスの幅を2で割った値を取得し、これを最大ウィンドウサイズから差し引いてください。これにより、ボックスの右端がウィンドウの右側に配置されます（画面の右端にレンダリングされたボックスを想像した場合）。

うまくいけば、私はあなたの質問を正しく解釈しています。

于 2012-05-23T05:02:16.060 に答える