0

私は定期的に、コンテナの境界を越えて浮かぶ要素や画像を使用しています。これにより、寸法が追加され、間隔が広がり、少しセンスが増します。

この例では、NyroModal v2を使用してhtml(他のさまざまな要素を含むdivタグ)をモーダルウィンドウにロードしています。画像要素(モーダル内)がナイロモーダルの境界の少し外側に浮かぶように計画しましたが、モーダルダイアログは、位置が絶対的または相対的であり、非常に高いz-indexに関係なく、モーダルの境界を超える要素をクリッピングしています。

提案を探しています...ありがとう

4

1 に答える 1

0

chrome デバッガーを使用してもう少し掘り下げます。nyromodal コンテナーには、_reposition 関数内で計算されたスタイルが追加されています。

this.elts.cont.css('overflow', 'auto');

私はそれをコメントアウトし、私の要素は境界線を越えて浮いていますが、モーダルコンテンツをスクロールする必要がある場合、これは解決策ではありません.画面内に収まる必要があるか、予測不可能で満足のいく結果が得られません.

モーダルを閉じたときに nyromodal コンテナのオーバーフローを非表示に設定する別の関数 (hideCont) があります。

nm.elts.cont.css('overflow', 'hidden').fadeOut(clb);

「非表示」を「」に変更したところ、目的の動作が得られました。

NyroModal は github にあり、おそらくこの機能を (スクロール コンテンツを壊さずに) 追加するフォークが役立つでしょう。時間がないので、上記が私の解決策です。他の人のために修正します。

于 2013-02-19T18:09:15.883 に答える