0

jQuery ポップボックス ライブラリ ( http://gristmill.github.io/jquery-popbox/index.html ) を使用すると、次の問題が発生しました。

オーバーフローが自動に設定されている巨大なdivがあります。実際には、多くの試合が表示されるトーナメント グリッドです。各試合 (個別の div) には小さな情報アイコンがあり、クリックすると表示されるウィンドウに追加情報を表示するために Popbox を使用しています。

これはすべて正常に機能していますが、オーバーフローが自動に設定されている親 div の下部または左側に近い div の情報アイコンを押すと、ポップボックス ウィンドウの一部が終了すると表示されなくなります。親divの外側。この問題を解決するためのユーザーフレンドリーな方法を探しています。

親の div オーバーフローを表示に設定することは、スクロール バーが大きくなりすぎた場合に表示する必要があるため、オプションではありません。ただし、Popbox ウィンドウを親 div の外に出して完全に表示できるようにできればいいのですが。

私が今考えることができる他のアイデアは、特別なクラスを端に近い情報アイコンに設定し、ポップボックス ウィンドウを右/上に調整して、オーバーフローに関係なく親 div に表示されるようにすることです。

4

1 に答える 1

1

いくつかの特別なクラスを使用して、ポップオーバーを上部/右側に「ポップ」することをお勧めします。
ここで例を確認できます: http://getbootstrap.com/javascript/#popovers
Bootstrap を使用する場合は、ここでカスタム ビルドを作成できます: http://getbootstrap.com/customize/?id=6493526
Popover css+ js は追加のみです ~ 10k min+gzip

于 2013-09-09T09:41:43.080 に答える